.video-container {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh; /* Use viewport height to ensure it covers the full screen height */
    width: 100vw; /* Use viewport width to ensure it covers the full screen width */
    overflow: hidden; /* Ensures that the video is clipped to the container size */
    z-index: 0; /* Ensures the video stays in the background */
    opacity: 0.3; /* Reduces the opacity to 50% */
}


.video-container video {
    width: 100%; /* Ensure the video fills the width of the container */
    height: 100%; /* Ensure the video fills the height of the container */
    object-fit: cover; /* Cover the container without losing the aspect ratio */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the video within the container */
}