.gallery {
  display: grid;
  grid-auto-flow: initial;
  grid-auto-columns: 90%;
  grid-template-columns: repeat(auto-fit, minmax(auto,12em));
  grid-gap: 1em;
  justify-content: center;
  padding: 2em 1em;
  background: white;
}

@media (min-width: 768px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(auto,14em));
  }
}

@media (min-width: 1024px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(auto,16em));
  }
}

.gallery::before,
.gallery::after {
  content: none;
}