/* Environment section styles - Full Screen In-Flow Mode */
#full-screen-env {
    position: relative;
    width: 100vw;
    height: 100vh;
    /* Break out of container to full width */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 20px;
    background-color: transparent;
    z-index: 10; /* Ensure it sits above standard content if overlap occurs */
}

#full-screen-env img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Fill the container, cropping if necessary, to avoid black bars */
    display: block;
    opacity: 0;
    transition: opacity 300ms ease-in;
}

#full-screen-env img.loaded {
    opacity: 1;
}