/* Vertical image reveal — the mask is inserted by JS, so nothing is hidden without GSAP. */
.mh-reveal__mask {
	display: block;
	overflow: hidden;
	max-width: 100%;
	visibility: hidden;
}

/* Leave the image's own (Elementor) sizing untouched. */
.mh-reveal__mask img {
	display: block;
	transform-origin: 50% 50%;
}

/* Fade-in-up (`mh-fade-up`) and horizontal reveal (`mh-reveal-x`, `mh-reveal-x-right`). Only hidden while the `mh-js` flag is present. */
.mh-js .mh-fade-up,
.mh-js .mh-reveal-x,
.mh-js .mh-reveal-x-right {
	opacity: 0;
	visibility: hidden;
}
