#background-container #dynamic-bg-wrapper { 
    position: fixed; 
    inset: 0; 
    z-index: 0; 
    pointer-events: none; 
}

#background-container .bg-layer {
    position: absolute; 
    inset: 0; 
    background-size: cover; 
    background-position: center;
    opacity: 0; 
    transition: opacity 2.5s ease-in-out; 
    transform: translate3d(0,0,0);
}

#background-container .bg-layer.active { 
    opacity: 1; 
}