.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: 1100ms ease;
  transform: 1300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.reveal-2 {
  opacity: 0;
  transform: translateY(10px);
  transition: 1000ms ease;
  transform: 1000ms cubic-bezier(0.25, 1, 0.5, 1);
}

.reveal-2.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}