body {
    font-family: "Cutive Mono", monospace;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-size: 14px;
}

.carousel {
    text-align: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centra gli elementi in verticale */
}

.image-row {
    display: flex;
    justify-content: center;
    gap: 20px; /* Spazio tra le immagini */
    width: 100%; /* Imposta la larghezza massima del contenitore */
}

.image {
    max-width: 100%; /* L'immagine non supera la larghezza del contenitore */
    flex-basis: 70%; /* Aumenta la dimensione delle immagini al 70% della larghezza disponibile */
}

.image img {
    width: 100%; /* L'immagine si adatta al contenitore */
    height: 500px; /* Aumenta l'altezza dell'immagine per renderla più grande */
    display: block;
    object-fit: cover; /* Mantiene le proporzioni senza distorsioni */
}

.description {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    max-width: 800px; /* Limita la larghezza massima del testo */
    margin: 20px auto; /* Centra il testo sotto le immagini */
    padding: 0 20px;
}
/* Media query per schermi più piccoli */
@media (max-width: 768px) {
    .image-row {
        flex-direction: column; /* Immagini disposte in verticale sui dispositivi mobili */
        align-items: center; /* Centra le immagini orizzontalmente */
    }

    .image {
        max-width: 90%; /* Adatta la larghezza per dispositivi mobili */
    }

    .image:first-child {
        margin-top: 50px; /* Mantiene la distanza di 50px dalla parte superiore del sito */
    }
    
    .image:not(:first-child) {
        margin-top: 10px; /* Riduce la distanza tra le altre immagini */
    }

}