.membre-hover {
  position: relative;
  display: inline-block;
  border-radius: 15px;
  overflow: hidden;
}

.membre-hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 15px;
}

.membre-hover:hover::after {
  opacity: 1;
}

/* Photos survol = URLs des images fun */
.photo1::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/Marielle.jpg'); }
.photo2::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-14-16-16.jpg'); }
.photo3::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-15-38-57.jpg'); }
.photo4::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo5::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo6::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo7::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo8::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo9::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo10::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo11::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.photo12::after { background-image: url('https://arcomuse.fr/wp-content/uploads/2025/08/PHOTO-2025-07-29-16-23-09.jpg'); }
.membre-hover {
  width: 250px; /* largeur fixe, modifie selon ton design */
  height: 250px; /* hauteur fixe */
}

.membre-hover img,
.membre-hover::after {
  width: 100%;
  height: 100%;
  object-fit: cover; /* recadre proprement sans déformation */
  border-radius: 15px; /* même arrondi pour l’image de base et celle au survol */
}

/* --- Grille des articles --- */
.wp-block-latest-posts,
.wp-block-jetpack-posts-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 colonnes sur PC */
  gap: 20px; /* espace entre les articles */
}

/* --- Images uniformisées --- */
.wp-block-latest-posts__featured-image img,
.wp-block-jetpack-posts-list__featured-image img {
  width: 100%;
  height: 250px;         
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

/* --- Hauteur uniforme des blocs d’articles --- */
.wp-block-latest-posts li,
.wp-block-jetpack-posts-list__post {
  min-height: 420px;    
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}