.bg-hover-zoom {
    overflow: hidden;
  }

  /* Эффект только на устройствах, где есть hover */
  @media (hover: hover) and (pointer: fine) {
    .bg-hover-zoom > .tn-molecule.t-bgimg {
      background-size: 100% !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      transition: background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .bg-hover-zoom:hover > .tn-molecule.t-bgimg {
      background-size: 107% !important;
    }
  }

  /* На мобильных — обычная заливка элемента */
  @media (hover: none), (pointer: coarse) {
    .bg-hover-zoom > .tn-molecule.t-bgimg {
      background-size: cover !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      transition: none !important;
    }
  }