/* Contenitore principale */
.landing-container {
    display: flex;
    flex-direction: column;
max-width: 1920px;
    width: 100%;
    margin: 0 auto; /* Centra il contenitore */
}

/* Impedisce spazi extra sulle immagini */
.section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    
    height: auto; /* Si adatta all'immagine */
    overflow: hidden; /* Rimuove eventuali spazi extra */
}

/* Rimuove lo spazio extra sotto le immagini */
.section img {
    display: block; /* Rimuove lo spazio bianco sotto l'immagine */
    width: 100%; /* Assicura che l'immagine occupi tutto lo spazio */
    height: auto; /* Mantiene le proporzioni originali */
}
.row {
    display: flex;
    width: 100%;
    align-items: stretch; /* Fa in modo che la section si adatti all'immagine */
}

/* Rimuove ogni spazio tra le sezioni */
.row .section {
    flex: 1; /* Entrambe occupano metà spazio */
    display: flex;
    align-items: stretch;
}

/* Assicura che le immagini riempiano esattamente la loro sezione */
.row .section img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover; /* Se necessario, fa in modo che l'immagine si adatti */
}
html {
    scroll-behavior: smooth;
}