/* Gallery overrides (anti-cache: galerys.css)
   Цель: 4 одинаковых квадратных превью в одну линию на desktop (как было),
   без влияния на модалку.
*/
.gallery.on_page_gallery .items{
  display:flex;
  flex-wrap:wrap;
  margin-left:-15px;
  margin-right:-15px;
  font-size:0; /* на случай, если где-то останутся inline-block пробелы */
}

.gallery.on_page_gallery .items .item{
  box-sizing:border-box;
  display:block;         /* перебиваем inline-block */
  width:25%;
  padding:15px;
  overflow:hidden;
  position:relative;
  vertical-align:top;
  font-size:16px;        /* возвращаем текст, если появится */
}

/* квадратный контейнер */
.gallery.on_page_gallery .items .item > a{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:5px;
}

/* картинка заполняет квадрат */
.gallery.on_page_gallery .items .item img.image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0; /* чтобы не было двойного радиуса */
}

/* если где-то класс .image назначен на сам <img> (как у вас), оставим совместимость */
.gallery.on_page_gallery .items .item .image{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}

/* адаптив */
@media(max-width:890px){
  .gallery.on_page_gallery .items .item{ width:33.33%; }
}
@media(max-width:550px){
  .gallery.on_page_gallery .items .item{ width:50%; }
}