.gallery-slider {
  margin: 2em 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em;
  row-gap: 2em;
}

.gallery-slider-item {
  place-self: center;
  cursor: pointer;
} 

@media screen and (min-width: 600px) {
  .gallery-slider {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 1024px) {
  .gallery-slider {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}