.video-background-container {
    position: relative; /* Essential for positioning the video and overlay */
    width: 100%;
    height: 100vh; /* Example: full viewport height */
    overflow: hidden; /* Hide any overflow from the video */
}

    .video-background-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%); /* Center the video */
        object-fit: cover; /* Ensure the video covers the entire container */
        z-index: -1; /* Place the video behind other content */
    }

.content-overlay {
    position: relative; /* Position relative to the container */
    z-index: 1; /* Place content above the video */
    /* Add styling for your content, e.g., text color, padding, etc. */
    color: white;
    text-align: center;
    padding: 20px;
}