.reveal {
  @apply w-full;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.5s;
}

.reveal.reveal--is-mounted {
  z-index: 1;
}

.reveal:not(.reveal--is-mounted) {
  opacity: 0;
}

.reveal-child {
  opacity: 0;
  transform: translateX(100%);
  will-change: transform, opacity;
}

.reveal-child-enter-done {
  opacity: 1;
}