Help figuring out image set animation

Hi everyone!

I have a project in progress and I encountered some difficulty in the hero section and am having a hard time finding a cleaner solution. The complication lies in the images within that section. I have been given three phone product screenshots to use side-by-side for the hero.

For mobile, I received feedback that only the tops of the images were seen and I was thinking of having all three images 100% in view (above the fold) so they’ll be pretty small, but grow into full sizes (like the way it is in the screenshot below) as the user scrolls down. I’m having trouble figuring it out. If there is also an alternative solution apart from this that might work better, I’m open to those as well!

Would appreciate some help! Thank you all in advance!


Here is my site Read-Only: (https://preview.webflow.com/preview/as-headerimage-0bdb18-313eb1236b88b?utm_medium=preview_link&utm_source=designer&utm_content=as-headerimage-0bdb18-313eb1236b88b&preview=3115b6b97d9d1cd5b4715cea5209f53a&workflow=preview)