.image-gallery-block__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (min-width: 40em) {
  .image-gallery-block__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 64em) {
  .image-gallery-block__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.image-gallery-block__item {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.image-gallery-block__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-speed);
}

.image-gallery-block__item:hover .image-gallery-block__image {
  transform: scale(1.05);
}

/* Basic page context */
#content-container .image-gallery-block__grid {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 40em) {
  #content-container .image-gallery-block__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}