/* add this class to anything you want to fade in */
.fade-in {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.5s ease-out;
  will-change: opacity, visibility;
}
/* this class will be added as the user scrolls */
.fade-in.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}