Auto cropping once Vercel deploy my app

[Lighterchu]

Hi Team,

I have a storefront where all images look fine on the local side of the project and images fit and all that good stuff. However, once I take it and deploy it to vercel, for some reason I found the images have been cropped and changed around. The client I am working for needs to have the whole image in the product cards and not cropped. They are a photographer that needs to have images shown to the fullest. I really hope someone knows how to stop the auto-cropping or can show me the light on this issue

( DEV Server )

( Vercel Deploy Server )

I have done alot of changes in the app and tried to work it ou myself, but nothing I do help when it comes to images as something built into the deploy change the image scale and crops it

[DiviyamPathak]

I think it would be better if u post this in proper format with your code then it would be a lot insightful. but got your problem.

[DiviyamPathak]

take a look at this article it should help you https://vercel.com/docs/concepts/image-optimization

[Lighterchu]

Hi Diviyam,

So I am using Vercel as the hosting services and I am using the framework of Hydrogen, how ever ever think crystal clear on the local, but when I deploy it to Vercel, it gets cropped. I dont have any built in functions of Vercel

[PeterNelsonT]

is this even related to cra?