.girandolina-carousel {
    overflow: hidden;
    position: relative;
    width: 100vw; /* Larghezza completa della viewport */
    height: 400px; /* Altezza fissa per il carosello */
    margin: 0 auto;
}

.girandolina-track {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%;
}

/* Gestione delle slide */
.girandolina-slide {
    width: 50%; /* Due slide su desktop */
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 5px;
}

.girandolina-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

/* Stile specifico per una sola slide */
.girandolina-carousel.single-slide .girandolina-track {
    justify-content: center;
}

.girandolina-carousel.single-slide .girandolina-slide {
    width: 100%; /* La slide occupa tutta la larghezza */
}

/* Stile per mobile */
@media (max-width: 768px) {
    .girandolina-slide {
        width: 100%; /* Una slide per volta su mobile */
    }
}