@media (max-width: 768px) {
  #home-area-1 {
    flex-direction: column; /* immagine sopra, testo sotto */
    text-align: justify;   /* giustifica il testo */
    display: block;       /* forza l'andare a capo */
  }

  #home-area-1 img {
    width: 100%;                /* l'immagine si adatta-restringe alla larghezza del contenitore */
    max-width: 250px !important; /* si adatta allo schermo, non sgrana se più larga */
    height: auto;               /* mantiene proporzioni */
    display: block;             /* forza l'andare a capo */
    margin: 0 auto;             /* opzionale: centra l’immagine */
  }

  #home-area-1 p.box-sfondo {
    text-align: justify; /* giustifica il testo */
    hyphens: auto; /* permette la sillabazione automatica */
  }

  #home-area-2 {
    flex-direction: column; /* immagine sopra, testo sotto */
    text-align: left;           /* testo allineato a sinistra */
  }

  #home-area-2 .flex-row {
    flex-direction: column; /* immagine sopra, testo sotto */
    align-items: left;    /* centra l’immagine */
  }

  #home-area-2 .flex-row p {
    margin-bottom: 20px; /* spazio tra testo e immagine */
    text-align: left;   /* giustifica il testo */
  }

  #home-area-2 img {
    width: 100%;                /* l'immagine si adatta-restringe alla larghezza del contenitore */
    max-width: 400px !important; /* si adatta allo schermo, non sgrana se più larga */
    height: auto;               /* mantiene proporzioni */
    display: block;             /* forza l'andare a capo */
    margin: 0 auto;             /* opzionale: centra l’immagine */
    margin-top: 20px;           /* spazio sopra l’immagine */
  }
}

@media screen and (max-width: 1024px) {
  .risvolto {
    display: none !important;
  }
}

@media (max-width: 768px) {
  #home-area-4 .flex-row-4 {
    flex-direction: column; /* immagine sopra, testo sotto */
    align-items: left;    /* centra l’immagine */
  }

  #home-area-4 .flex-row-4 p {
    margin-bottom: 20px; /* spazio tra testo e immagine */
    text-align: justify;   /* giustifica il testo */
    hyphens: auto; /* permette la sillabazione automatica */
  }

  #home-area-4 img {
    width: 100%;                /* l'immagine si adatta-restringe alla larghezza del contenitore */
    max-width: 400px !important; /* si adatta allo schermo, non grana se più larga */
    height: auto;               /* mantiene proporzioni */
    display: block;             /* forza l'andare a capo */
    margin: 0 auto;             /* opzionale: centra l’immagine */
    margin-top: 20px;           /* spazio sopra l’immagine */
  }

  .home-area-4-2 {
    text-align: left;
  }
}