.video-wrapper {
    position: relative;
    height: 200vh;
    background: rgb(33, 27, 86);
}

.video-section {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: rgb(33, 27, 86);
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgb(33, 27, 86);
}

.video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .video-wrapper {
        height: 150vh;
    }

    .video-section {
        position: sticky;
        top: 0;
        height: 100vh;
    }

    body {
        background: rgb(255, 255, 255);
    }
    
    .video-wrapper {
        background: rgb(0, 0, 0);
    }

    .video-section {
        background: rgb(33, 27, 86);
    }

    .video-background {
        background: rgb(33, 27, 86);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .video-background video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: black;
    }

    .video-overlay {
        background: black;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
}