/* Простейшая фотогалерея: 4 в ряд на десктопе */
.gallery-grid {
  padding: 28px 0 40px;
}

.gallery-grid__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.gallery-grid__item {
  background: #f6f6f6;
}

.gallery-grid__img-wrap {
  /* Любая высота/пропорции исходника: приводим к “нужному месту” */
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.gallery-grid__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* главное: сжимает/подрезает под нужный размер */
  border-radius: 20px;
}

.gallery-grid__img-wrap {
  transition: transform 200ms ease;
}

.gallery-grid__item:hover .gallery-grid__img-wrap {
  transform: scale(1.01);
}

@media (max-width: 992px) {
  .gallery-grid__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .gallery-grid__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .gallery-grid__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}