.reveal {
  position: relative;
  transform: translateX(150px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal--reverse {
  transform: translateX(-150px);
}
.reveal.active {
  transform: translateY(0);
  opacity: 1;
}