.review-slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.review-slider {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

.review {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    background-color: #bacbd0;
    color: #006164;
    opacity: 0.5;
    transition: opacity 0.5s ease, transform 0.5s ease;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 10px;
    transform: scale(0.9);
}

.review.active {
    opacity: 1;
    transform: scale(1.1); /* Ingardimento del riquadro centrale */
}

.review.left {
    transform: scale(0.9); /* Riquadro a sinistra */
}

.review.right {
    transform: scale(0.9); /* Riquadro a destra */
}

.review p {
    margin: 0;
    padding: 0 10px; /* Aggiungere margine di 10px a destra e sinistra */
}

@media (max-width: 768px) {
    .review-slider {
        flex-direction: column; /* Stack verticale su dispositivi mobili */
        height: auto; /* Altezza automatica per adattarsi al contenuto */
    }

    .review {
        flex: 0 0 100%; /* Occupa tutta la larghezza */
        max-width: 100%; /* Larghezza massima del 100% */
        margin: 0;
        transform: scale(1); /* Resetta il trasform su dispositivi mobili */
        opacity: 1; /* Mostra sempre completamente la recensione */
        display: none; /* Nascondi tutte le recensioni inizialmente */
    }

    .review.active {
        display: block; /* Mostra la recensione attiva */
        transform: scale(1); /* Ingardimento del riquadro centrale su dispositivi mobili */
    }
}