Picture Gallery Not Viewed properly on Mobile

Hi Everyone,

I managed to make everything work properly on my “Project” gallery. The only issue is with Mobile View.

I created the projects through CMS Collections.

Unless I manually open the pictures in Paint, and edit them all to the height of maximum 478 pixels, webflow doesn’t automatically do it for me, and it doesn’t get displayed at all.

What do I need to do? Do I have to manuallly resize all the images to certain pixels, before I upload them to webflow?

Read-only link is shared below.

I will really appreciate any help!

https://preview.webflow.com/preview/holistic-contracting-new?utm_medium=preview_link&utm_source=designer&utm_content=holistic-contracting-new&preview=ed01719e6e22223f0ae9d1ed3321f3a4&pageId=65f36b52570cf353844cb20e&itemId=65f521c7be1886576ac46afc&locale=en&workflow=preview

Yes, image optimisation (not only in px but also in kb ) is common practice. I see in your project CMS that images have different height I didn’t checked width. You can find more information in articles describing how to prepare images before uploading to website.