.image-gallery .image-gallery-images {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  gap: 1rem;
}

@media all and (max-width: 1200px) {
  .image-gallery .image-gallery-images {
    grid-template-columns: repeat(3, 33.33%);
  }
}
@media all and (max-width: 823px) {
  .image-gallery .image-gallery-images {
    grid-template-columns: repeat(2, 50%);
  }
}
@media all and (max-width: 480px) {
  .image-gallery .image-gallery-images {
    grid-template-columns: 100%;
  }
}