.animate-on-scroll {
  opacity: 0;
  transition:
    opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
}
.fade-up {
  transform: translateY(1px);
}
.fade-in-left {
  transform: translateX(-20px);
}
.fade-in-right {
  transform: translateX(20px);
}
.scale-in {
  transform: scale(0.9);
}
.animate-on-scroll.visible {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
@media (min-width: 992px) {
  .delay-100 {
    transition-delay: 100ms;
  }
  .delay-200 {
    transition-delay: 200ms;
  }
  .delay-300 {
    transition-delay: 300ms;
  }
  .delay-400 {
    transition-delay: 400ms;
  }
  .delay-500 {
    transition-delay: 500ms;
  }
}