.js .slide-from-left,
.js .slide-from-right {
  opacity: 0;
  transition: opacity .85s cubic-bezier(.22, 1, .36, 1),
    transform .85s cubic-bezier(.22, 1, .36, 1);
  will-change: transform, opacity;
}
.js .slide-from-left { transform: translateX(-90px); }
.js .slide-from-right { transform: translateX(90px); transition-delay: .25s; }
.js .slide-from-left.is-visible,
.js .slide-from-right.is-visible { opacity: 1; transform: translateX(0); }
@media (max-width: 620px) {
  .js .slide-from-left { transform: translateX(-45px); }
  .js .slide-from-right { transform: translateX(45px); }
}
@media (prefers-reduced-motion: reduce) {
  .js .slide-from-left,.js .slide-from-right {
    opacity: 1; transform: none; transition: none;
  }
}