.zoom-image {
    position: relative;
    overflow: hidden;
    display: block;
  }
  
  .zoom-image img,
  .zoom-image video {
    scale: 1.4;
    opacity: 0;
    translate: 0px calc(var(--parallax-y, 0) * 10%);
    transition: scale 5s 0s var(--ttf-7), opacity 5s 0s var(--ttf-7), translate .5s 0s var(--ttf-7);
  }
  
  .is-on-screen .zoom-image img,
  .is-on-screen .zoom-image video {
    scale: 1.2;
    opacity: 1;
  }
  
  
  @media (max-width: 500px) {
    .is-on-screen .zoom-image img,
    .is-on-screen .zoom-image video {
      translate: 0px 0px;
      scale: 1;
    }
  }