.reveal-init {
  opacity: 0;
  transition: all 0.7s ease;
}

.scr_top.reveal-init { transform: translateY(-50px); }
.scr_bottom.reveal-init { transform: translateY(50px); }
.scr_left.reveal-init { transform: translateX(-70px); }
.scr_right.reveal-init { transform: translateX(70px); }

.scr_left_slow_1.reveal-init { transform: translateX(-70px); transition-duration: 0.9s; }
.scr_left_slow_2.reveal-init { transform: translateX(-70px); transition-duration: 1.1s; }
.scr_left_slow_3.reveal-init { transform: translateX(-70px); transition-duration: 1.3s; }
.scr_top_slow_1.reveal-init { transform: translateY(-70px); transition-duration: 0.9s; }

.reveal-active {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-init {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}