.js .reveal,
.js .image-reveal {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: opacity 1s var(--ease-out), transform 1.15s var(--ease-out);
}

.js .image-reveal img {
  transform: scale(1.06);
  transition: transform 1.5s var(--ease-out);
}

.js .reveal.is-revealed,
.js .image-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.js .image-reveal.is-revealed img {
  transform: scale(1);
}

.block-editor-page .reveal,
.block-editor-page .image-reveal,
.block-editor-page .image-reveal img {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .js .reveal,
  .js .image-reveal,
  .js .image-reveal img {
    opacity: 1;
    transform: none;
    transition: none;
  }
}