@keyframes heroWaveIn {
  0% {
    transform: translateY(110%);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Applied when "Enable Wave Animation" is toggled on in ACF */
.slider-main.wave-animate::after,
.main-intro.wave-animate::after {
  animation: heroWaveIn 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both;
}