Omphaloskepsis-2/assets/css/components/_gallery.scss

.gallery {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  grid-template-rows: 1fr auto;
  overflow-inline: scroll;

  &__caption {
    grid-column-end: -1;
    grid-column-start: 1;
  }

  & .figure {
    margin-trim: unset;

    @supports not (margin-trim: block) {
      &:first-child {
        margin-block-start: 16px;
      }

      &:last-child {
        margin-block-end: unset;
      }
    }
  }
}