.on-scroll-slide-up {
  transform: translateY(48px);
  opacity: 0;
  transition: transform 4s .25s cubic-bezier(0, 1, .3, 1),
              opacity .3s .25s ease-out;
  will-change: translateY, opacity;
}

.on-scroll-slide-up.is-visible {
  transform: translateY(0px);
  opacity: 1;
}