If I disable the hover effect on the whole product grid item, the “Add to cart” would not appear and there would no option to add the product to the cart.
That is why, I give CSS code to remove the zoom effect, so when you shower the product, the image changes, but it is not zoomed out.
Please add this code to the Theme Settings > Custom CSS > Global:
body .product-grid-item .product-element-top:hover .hover-img {
transform: none;
-webkit-transform: none;
}