.video-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Ensure full viewport height */
    overflow: hidden;
}

    .video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the video covers the entire area */
        transform: translate(-50%, -50%);
        z-index: -1; /* Video in background */
    }

.overlay-content {
    position: relative;
    z-index: 1;
    height: 100vh; /* Take up entire viewport height */
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem; /* Some padding for aesthetics */
}

.mud-white-text {
    color: var(--mud-palette-white) !important;
}