/* Apply either image class to a Bricks Div containing an Image element. */
.anim-image-reveal,
.anim-image-reveal-left {
  overflow: hidden;
  background: #171717;
  border-radius: var(--radius, 0px);
}

.anim-image-reveal img,
.anim-image-reveal-left img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
}

@media (prefers-reduced-motion: reduce) {
  .anim-image-reveal,
  .anim-image-reveal-left {
    clip-path: none !important;
  }

  .anim-image-reveal img,
  .anim-image-reveal-left img,
  .anim-fade-left,
  .anim-fade-bottom {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Hover: clip the image area without clipping a card’s text or shadow. */
.anim-image-hover.brxe-image,
.anim-image-hover .brxe-image {
  overflow: hidden;
  border-radius: var(--radius, 0px);
}