Image being cut off?

I can’t seem to figure out what my images are being cut off at the bottom sides and top. Has anyone experienced this before?

You really need to show a screenshot of how you have things set up.

There could be a couple of reasons, but it’s hard to say from just what you’re showing

Maybe, currently, it’s using object-fit: cover. If we change it to object-fit: contain, the full image, it will be shown without being cut off.

Here is a screenshot of both pages
how it works is sellers can upload images images on one page then it shows on another page. Its an edit page where sellers can upload images. The live page is where the images are being cut off.
thank you for your help much appreciated