.anim {
  image-gallery-bento-box{
    img-shim {
      transform: translateY(0);
      opacity: 1;
    }
  }

  highlighted-copy {
    rich-text {

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        animation: animFadeInUp 800ms ease-out forwards;
      }
    }
  }

  big-cta-cards-horizontal,
  big-cta-cards,
  highlighted-copy,
  image-gallery-bento-box,
  your-stories,
  stacked-blocks-cta {
    animation: animFloatIn 800ms ease-out forwards;
  }

  solution-cta-cards .card {
    opacity: 1;
    transform: scale(1);
  }
}

image-gallery-bento-box {
  img-shim {
    opacity: 0;
    transform: translateY(24px);
    transition: all 300ms ease-in-out;

    &:hover {
      transform: translateY(0) scale(1.05) !important;
    }
  }
}

solution-cta-cards .card {
  opacity: 0;
  transform: scale(0.8);
  transition: transform 300ms ease-out;

  &:hover{
    transform: scale(1.05) !important;
  }
}

highlighted-copy {
  rich-text {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      opacity: 0;
      transform: translateY(24px);
    }
  }
}

big-cta-cards-horizontal,
big-cta-cards,
highlighted-copy,
image-gallery-bento-box,
your-stories,
stacked-blocks-cta {
  opacity: 0;
  transform: translateY(33vh);
}

@keyframes animScaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes animFloatIn {
  0% {
    opacity: 0;
    transform: translateY(33vh);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes animFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(24px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}