.image-gallery {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);

  @media screen and (max-width: 1200px) {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.image-gallery {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1200px) {
  .image-gallery {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}