How can I prevent product images from getting cut off when zooming in?

Store Design
1

How do i make so the when hovering a product it don’t get cut off from the zoom?

https://i.gyazo.com/6b4650df4ebf17f96d477ac277c32cdd.mp4

2

Hi,

An alternative to solve this can be to to add some spaces to the product image, as following:

.card .media.media--hover-effect>img:only-child {
  padding: 25px !important;
}

Let me know if this solved your question.

Cheers!