body,html{margin:0;height:200vh}.video-container{position:relative;width:100vw;height:100vh;overflow:hidden}#video-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}#scroll-video{width:100%;height:100%;object-fit:cover}.overlay-content{position:relative;z-index:2;text-align:center;padding:3rem;color:#fff}.canvas-overlay{position:relative;z-index:22;color:#fff;padding:100px 20px;text-align:center;background:linear-gradient(to bottom,rgba(74,80,87,.8),rgba(54,62,75,.7))}