.zoom-image-03c716f1-wrapper {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
}

.zoom-image-03c716f1-wrapper img {
	width: 100%;
	object-fit: cover;
	display: block;
	/* The transition duration is controlled dynamically via Elementor, but fallback is 0.3s */
	transition: transform 0.3s ease;
}

/* 
 * This ensures that when the loop item is hovered, ONLY the image inside THAT specific loop item zooms.
 * It prevents sibling loop items from triggering simultaneously. 
 */
.e-loop-item:hover > .elementor-widget-zoom_image_03c716f1 .zoom-image-03c716f1-wrapper.has-zoom img,
.e-loop-item:hover .zoom-image-03c716f1-wrapper.has-zoom img,
.zoom-image-03c716f1-wrapper.has-zoom:hover img {
	transform: scale(1.1);
}

.zoom-image-03c716f1-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	max-width: 100%;
	word-wrap: break-word;
}