Shop Products are being cropped inconsistently

Site URL: https://indigo-hexahedron-khcs.squarespace.com/shop

I have food photography that has all been cropped consistently with the baking trays located in exactly the same position with the same whitespace to the left, right, top & bottom, however when the images are displayed on the shop grid sometimes they're cropped close, sometimes far. I've re-saved the files multiple times, ensuring all the source files are the exact same 1500sq original source. I can't see any rhyme or reason why they're being displayed so differently. It's so frustrating! On the screenshots you can see they display as they should in the thumbnails, and I've screenshot a photoshop file so you can see how I've ensured the tray placement is consistently the same across these five items. 

On another note, on the home page, the collaged images have a fade or opacity over the original images that I'd like to lose. Any ideas? 

And on a final note, the mobile version of the collaged images isn't great, is there anyway to change so the text block falls underneath the image rather than still trying to float on top? 

Site: https://indigo-hexahedron-khcs.squarespace.com/shop

Password: boscotogo

Thanks in advance for any help, 

Kyle 

The site url doesn't exist. Can you check again?