.bg-carousel {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -1;
        overflow: hidden;
    }
    
    .bg-carousel-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    
    .bg-carousel-image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
        z-index: 1;
    }
    
    .bg-carousel-image {
        background-blend-mode: multiply;
        background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%), var(--bg-image);
    }
    
    /* Gestione mobile */
    @media screen and (max-width: 768px) {
        .bg-carousel-image {
            background-size: cover;
            height: 100vh;
            width: 100vw;
        }
    }
    
    /* Gestione desktop */
    @media screen and (min-width: 769px) {
        .bg-carousel-image {
            background-size: cover;
            background-position: center center;
            width: 100vw;
            height: 100vh;
        }
    }
    
    /* Gestione orientamento landscape su mobile */
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .bg-carousel-image {
            background-size: cover;
        }
    }
    
    .bg-carousel-image.active {
        opacity: 1;
    }
    
    /* Assicurati che il contenuto della pagina non sia nascosto */
    body {
        position: relative;
        min-height: 100vh;
    }