.gallery-container {
  max-width: 100%; /* Ajustez la largeur maximale du cadre selon vos besoins */
  margin: 0 auto; /* Centrez le cadre horizontalement */
  border: 2px solid #ddd; /* Ajoutez une bordure de 2 pixels solide avec une couleur grise (#ddd) */
  border-radius: 8px; /* Ajoutez une bordure arrondie */
  overflow: hidden; /* Masquez le débordement des images */
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 20px;
}

.foire-picture {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  max-width: 400px; /* Ajustez la largeur maximale des images selon vos besoins */
  border: 2px solid #0e0d0d; /* Ajoutez une bordure de 2 pixels solide avec une couleur grise (#ddd) */
  border-radius: 8px; /* Ajoutez une bordure arrondie */
  transition: transform 0.3s ease-in-out; /* Ajoute une transition au survol de l'image */
}

.foire-picture:hover {
  transform: scale(1.1); /* Effet de zoom au survol de l'image */
}