/*----------------------------------------*/
/*  tw-anim-img reveal animation
/*----------------------------------------*/

.tw-clip-anim {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 0;

  // The actual image is hidden; we show the masks instead
  & .tw-anim-img {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: auto;
  }

  & .mask {
    background-size: cover;
    background-position: center;
    transform: scale(1.005);
    position: absolute;
    inset: 0;
    z-index: 2;
    transition: none; // Handled by GSAP
  }
}