.gallery-grid,
.gallery-grid2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 10px;
  width: 100%;
}
.gallery-grid .card,
.gallery-grid2 .card {
  position: relative;
  padding: 0.7rem;
}
.gallery-grid .card img {
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.gallery-grid2 .card img {
  height: auto;
  aspect-ratio: 3/4;
  object-fit: cover;
}
.gallery-grid .card p,
.gallery-grid2 .card p {
  margin: 0;
}
@media (min-width: 1024px) {
  .contenu {
    max-width: 1800px;
  }
  .gallery-grid,
  .gallery-grid2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
  }
  .gallery-grid .card,
  .gallery-grid2 .card {
    padding: 1rem;
  }
}