I have a webflow website - a preview can be found here https://krd-076cab.webflow.io/
The images on the top of the 'HOME' page and the 'MOOD' page are not scaling properly. At the moment it's just a fixed image collage. But it should be individual images, dynamically populated from the CMS. When a developer tried to do this last time, a lot of them are getting stretched/warped as you change the browser size. A lot of them are also stretched/warped on mobile. I need them to all retain their height/width ratio, and scale evenly without getting stretched.
Is anyone able to fix this? You will need to have a webflow subscription to do this job so I can transfer you the website. There are a few other small edits to be made as well, the full brief is here - https://docs.google.com/document/d/1MMAUKkS-0kbD_lmMIuOzgLXIC2OEnw_W_bua1XCXilA/edit?usp=sharing
I've attached images of how the images on these pages should look on desktop and mobile.