.gallery {
  padding-block-end: 6.25rem;
}

.gallery__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding-inline: 1rem;
}

.gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.25rem;
}

.gallery__image--large {
  grid-column: 1 / -1;
}

@media (min-width: 768px) {
  .gallery__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .gallery__image--large {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }

  .gallery__image--top {
    grid-column: 3 / 5;
    grid-row: 1;
  }

  .gallery__image--bottom-left {
    grid-column: 3;
    grid-row: 2;
  }

  .gallery__image--bottom-right {
    grid-column: 4;
    grid-row: 2;
  }
}