.gallery .gallery__grid {
  gap: 1.5rem;
  width: 100%;
}

.gallery .gallery__grid img {
  border-radius: 0.5rem;
  height: 30rem;
  width: 100%;
}

.gallery .gallery__grid .grid__row .grid__inner {
  gap: 1.5rem;
}

.gallery .gallery__grid .grid__row.grid__row--60-40 .gallery__item:first-child,
.gallery .gallery__grid .grid__row.grid__row--40-60 .gallery__item:last-child {
  flex: 0 1 60.5rem;
}

.gallery .gallery__grid .grid__row.grid__row--60-40 .gallery__item:last-child,
.gallery .gallery__grid .grid__row.grid__row--40-60 .gallery__item:first-child {
  flex: 0 1 42.75rem;
}

.gallery .gallery__grid .grid__row.grid__row--33-33-33 .gallery__item {
  flex: 0 1 33.875rem;
}

@media screen and (max-width: 767px) {
  .gallery.container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .gallery .section__top {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .gallery .gallery__grid img {
    height: 24.875rem;
  }

  .gallery .gallery__grid .grid__row {
    overflow: hidden;
  }

  .gallery .gallery__grid .grid__row .grid__inner {
    width: 100%;
    gap: 0;
  }

  .gallery
    .gallery__grid
    .grid__row.grid__row--60-40
    .gallery__item:first-child,
  .gallery .gallery__grid .grid__row.grid__row--40-60 .gallery__item:last-child,
  .gallery .gallery__grid .grid__row.grid__row--60-40 .gallery__item:last-child,
  .gallery
    .gallery__grid
    .grid__row.grid__row--40-60
    .gallery__item:first-child {
    flex: 0 0 19.1875rem;
  }

  .gallery .gallery__grid .grid__row.grid__row--33-33-33 .gallery__item {
    flex: 0 0 16.6875rem;
  }
}