/* =========================================================
   FADE LEFT AND FADE RIGHT ANIMATIONS
========================================================= */

.fade-left,
.fade-right {
  opacity: 0;
  will-change: opacity, transform;
  transition:
    opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Image enters from left */
.fade-left {
  transform: translate3d(-70px, 0, 0);
}

/* Content enters from right */
.fade-right {
  transform: translate3d(70px, 0, 0);
}

/* Visible state added by JavaScript */
.fade-left.is-visible,
.fade-right.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Slightly delay the right-side content */
.about-premium-section .fade-right {
  transition-delay: 0.12s;
}