.elementor-invisible {
  visibility: hidden;
}

.codex-reveal {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, transform;
}

.codex-reveal.codex-reveal--visible {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity 700ms ease, transform 700ms ease;
}

.codex-reveal--left {
  transform: translate3d(-36px, 0, 0);
}

.codex-reveal--right {
  transform: translate3d(36px, 0, 0);
}

.codex-reveal--up {
  transform: translate3d(0, 36px, 0);
}

img[data-lazy-src] {
  opacity: 0;
  transition: opacity 650ms ease;
}

img.codex-image-loaded,
img.lazyloaded {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .codex-reveal,
  .codex-reveal.codex-reveal--visible,
  img[data-lazy-src] {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
}