.module-full-width-image figure {
    position: relative;
    overflow: hidden;
  }
  
  .module-full-width-image figure::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-black);
    --scale: 0;
    transform: scaleX(var(--scale));
    transform-origin: left center;
    transition: transform 1000ms var(--ttf-4);
    z-index: 1;
  }
  
  .module-full-width-image.is-on-screen figure::before {
    --scale: 1;
  }
  
  .module-full-width-image.is-on-screen-2 figure::before {
    --scale: 0;
    transform-origin: right center;
  }
  
  .module-full-width-image figure img {
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: 300ms var(--ttf-4);
    transition-property: opacity;
    transition-delay: 1000ms;
  }
  
  .module-full-width-image.is-on-screen figure img {
    opacity: 1;
    transform: none;
  }