/*
* START
* Change the image hover effect
*/
	.woocommerce-LoopProduct-link .image-wrapper {
		position: relative;
		overflow: hidden;
	}

	.woocommerce-LoopProduct-link .img-back {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		transition: opacity 0.5s ease;
	}

	.woocommerce-LoopProduct-link:hover {
		text-decoration: none;
	}

	.woocommerce-LoopProduct-link:hover .img-back {
		opacity: 1; 
	}

	.img-back > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/*
* END
*/