/**
 * Product image hover effect styles
 */

.woocommerce-page img[data-replacement-image],
.woocommerce-page img.ec-img-shop {
	object-fit: cover;
	object-position: top center;
	height: 400px;
	max-width: 400px;
	transition: opacity 0.4s ease-in-out;
	cursor: pointer;
	opacity: 1;
}

.woocommerce-page img[data-replacement-image].hover-transition {
	opacity: 0;
}
.woocommerce-page img.ec-img-shop{
	max-width: 100%;
}