.elementor-945 .elementor-element.elementor-element-8040bec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-945 .elementor-element.elementor-element-1543bed{z-index:0;}html, body{overflow-x:auto;}/* Start custom CSS for html, class: .elementor-element-1543bed */.container {
    height: 300vh; /* Ensure enough height to enable scrolling */
    position: relative;
}

.video-sprite {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover; /* Ensure the background covers the element */
    background-position: center; /* Center the background image */
    background-image: none;
}

@media (max-width: 768px) { /* Adjust the max-width as needed for your design */
    .video-sprite {
        /* Additional styles for mobile */
        background-position: center center; /* Center the image on smaller screens */
    }
}/* End custom CSS */