.gallery .container {
  display: grid;
  gap: calc(2 * var(--space));
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 334px;
}
.gallery .container .gallery__item img {
  object-fit: cover;
  object-position: top;
}

@media (max-width: 800px) {
  .gallery .container {
    display: flex;
    flex-direction: column;
    margin: auto;
  }
  .gallery .container a {
    height: auto !important;
  }
}