.popup-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0; /* Supprime la marge entre les images */
}

.image-wrapper {
  width: 80%;
  height: 300px;
}

.image-wrapper + .image-wrapper {
  margin-left: 0; /* Supprime la marge entre les images */
}

@media screen and (max-width: 768px) {
  .popup-content {
    grid-template-columns: 1fr; /* Affiche les images en colonne */
  }

  .image-wrapper {
    width: 100%; /* Utilise la largeur complète pour les images en colonne */
    height: 300px; /* Ajuste la hauteur en fonction du contenu */
  }

  .image-wrapper + .image-wrapper {
    margin-left: initial; /* Rétablit la marge par défaut */
    margin-top: 20px; /* Ajoute un espace entre les images en colonne */
  }
}