main {
  display: flex;
  justify-content: center;
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  column-gap: 60px;
  row-gap: 100px;
  width: 70%;
}

.gallery-item img {
  display: block;
}
/* .gallery-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
} */
/* Responsive : 2 images par ligne sur tablette */
@media (max-width: 1550px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    row-gap: 50px;
  }
}

/* Responsive : 1 image par ligne sur mobile */
@media (max-width: 950px) {
  .gallery {
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
  }
}
@media (max-width: 450px) {
  .gallery {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
  .gallery-item img {
    width: 200px !important;
    height: auto !important;
  }
}