.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container img {
  width: 250px;
  height: 500px; /* Plus haute que large pour un effet portrait */
  object-fit: cover;
  object-position: center center; /* Centre l'image dans le cadre */
}
.image-container img.right {
  object-position: right center; /* Centre l'image dans le cadre */
}

.image-container img.left {
  object-position: left center; /* Centre l'image dans le cadre */
}

/* Responsive : empiler les images sur petits écrans */
@media (max-width: 768px) {
  .image-container {
    flex-direction: column;
  }
  
  .image-container img {
    width: 100%;
    max-width: 300px;
  }
}