/* Image Hover Zoom & Grayscale
   Usage: add the CSS class "angie-hover-zoom-445b4251" to the
   Elementor container/section/column (or any wrapper) that holds
   the image AND the text. Hovering anywhere inside that wrapper
   (image OR text) triggers the effect on the image only.
*/

.angie-hover-zoom-445b4251 img {
	transition: transform 0.5s ease, filter 0.5s ease;
	will-change: transform, filter;
}

.angie-hover-zoom-445b4251:hover img {
	transform: scale(1.08);
	filter: grayscale(100%);
}

/* Keep zoom contained inside the image wrapper so it doesn't overflow visibly */
.angie-hover-zoom-445b4251 .elementor-widget-image,
.angie-hover-zoom-445b4251 .elementor-image,
.angie-hover-zoom-445b4251 figure,
.angie-hover-zoom-445b4251 .wp-block-image {
	overflow: hidden;
}