/* Main video or image background */
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2; /* Base layer */
}

/* Transition overlay video */
.transition-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: lighten; /* Multiply effect */
    z-index: -1; /* Overlay layer */
    pointer-events: none; /* Ignore interaction */
}

/* Overlay content styling */
#overlay {
    position: relative;
    z-index: 1; /* Content above the background */
    color: white;
    text-align: center;
    font-size: 2rem;
    margin-top: 20%;
}