.fade-in {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.3s ease-out, transform 0.6s ease-out;
  will-change: opacity, visibility;
}

.fade-in.from-left{  transform: translateX(-50vw);}
.fade-in.from-right{transform: translateX(50vw);}

.fade-in.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}