/* Zoom images */
.image-container {
  position: relative;
  display: inline-flex; 
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin: 0 5px; /* Espace extérieur réduit */
  width: 25%; 
}

.thumb {
  width: 100%; /* L'image prend toute la place disponible dans le conteneur */
  display: block; /* Supprime l'espace résiduel sous l'image */
  cursor: zoom-in;
  transition: opacity 0.3s;
}

.full {
  display: none;
  position: absolute;
  /* Taille de l'agrandissement par rapport au conteneur */
  width: 300%; 
  z-index: 10;
  cursor: zoom-out;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  border-radius: 8px;
  /* Empêche l'image de sortir de l'écran si elle est trop grande */
  max-width: 90vw; 
}

.image-container.zoomed .full {
  display: block;
}

.image-container.zoomed .thumb {
  opacity: 0;
}