/* На мобильных нет наведения курсором, поэтому чёрно-белые фотографии
   раскрашиваются сами: класс is-colored ставит JS на саму карточку,
   когда она доезжает до середины экрана, и снимает, когда она уходит. */
@media (max-width: 767px) {
  .tri-kita-card__photo.is-colored img,
  .post-card__photo.is-colored img,
  .merch-card.is-colored img,
  .kurs__photo.is-colored img,
  .photo.is-colored img,
  .vp-card__person.is-colored img,
  .stat-card__photo.is-colored,
  .zapis-trainer__photo-wrap.is-colored .zapis-trainer__photo,
  .hero__trainer-photo-frame.is-colored .hero__trainer-photo {
    filter: grayscale(0%);
  }

  /* переход плавный в обе стороны, чтобы прокрутка не мигала */
  .tri-kita-card__photo img,
  .post-card__photo img,
  .merch-card img,
  .kurs__photo img,
  .photo img,
  .vp-card__person img,
  .stat-card__photo,
  .zapis-trainer__photo,
  .hero__trainer-photo {
    transition: filter 0.55s cubic-bezier(0.44, 0, 0.56, 1);
  }
}