.image-gallery__title {
  margin: 0 0 var(--space-5xl);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-heading-tight);
  font-weight: 900;
  letter-spacing: var(--letter-spacing-h2);
}

.image-gallery {
  display: flex;
  flex-direction: column;
}

.image-gallery__grid {
  display: grid;
  gap: 10px;
  flex: 1;
}

.image-gallery__grid--2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

.image-gallery__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.image-gallery__grid--4 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.image-gallery__item {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.image-gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}