/* @media screen and (min-width: 1600px) {
    body::before {
        content: "";
        background: 
            url('/assets/images/background.webp') no-repeat left center,
            url('/assets/images/background2.webp') no-repeat right center;
        background-size: auto 85%, auto 85%;
        opacity: 0.7;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        pointer-events: none;
    }
} */

@media screen and (min-width: 1600px) and (max-height: 1000px) {
    body::before {
        content: "";
        background: 
            url('/assets/images/background.webp') no-repeat left center,
            url('/assets/images/background2.webp') no-repeat right center;
        background-size: auto 85%, auto 85%;
        opacity: 0.7;
        transition: opacity 0.3s ease;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        pointer-events: none;
    }
}

/* @media screen and (min-width: 1600px) and (max-height: 1000px) {
    body::before {
        opacity: 0;
    }
} */