[data-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: 3s ease;
}

[data-reveal="left"] {
  transform: translateX(-30px);
}

[data-reveal="right"] {
  transform: translateX(30px);
}

[data-reveal].revealed {
  opacity: 1;
  transform: translate(0);
}