/* 1. On cible uniquement le bloc de contenu de l'article */
#block-mainpagecontent-2 article {
  display: flex;
  flex-direction: column;
  align-items: center; /* Centre tout le contenu */
}

/* 2. LE TEXTE : On limite la largeur pour le confort de lecture */
#block-mainpagecontent-2 .paragraph--type--texte-seo {
  max-width: 750px; /* Largeur optimale pour l'oeil */
  margin: 0 auto 2rem auto;
  line-height: 1.8;
  font-size: 1.1rem;
  color: #333;
}

/* 3. LES IMAGES : On les laisse respirer plus largement que le texte */
#block-mainpagecontent-2 .blazy {
  width: 100%;
  max-width: 1100px; /* Plus large que le texte pour le rythme visuel */
  margin: 3rem auto !important;
  padding: 0;
}

/* 4. LA GRILLE : Espacement entre les photos */
#block-mainpagecontent-2 ul.blazy > li {
  margin-bottom: 20px; /* Espace vertical entre les images */
}

/* 5. FINITIONS : Style des images */
#block-mainpagecontent-2 .blazy img {
  border-radius: 2px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: opacity 0.3s ease;
}

#block-mainpagecontent-2 .blazy img:hover {
  opacity: 0.9;
}