.video-background {
    position: relative;
    width: 100%;
     /* Full viewport height */
    overflow: hidden;
}

    .video-background video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        transform: translate(-50%, -50%);
    }

.content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding: 20px;
}
html {
    scroll-behavior: smooth;
}