Responsive Gallery, with parallax scroll effect (at desktop breakpoint only)

I am trying to build a gallery page, which will feature a parallax gallery scroll at the Desktop breakpoint. Like the one Webflow featured here Parallax Movement on Scroll - Webflow interactions and animations tutorial - YouTube

I am looking for help with:

  1. creating a grid that resizes photos responsively, while maintaining aspect ratio of each photo
  2. what is the best way to set up a gallery for the flashier parallax scroll on desktop, but display more practically (single column or row) for mobile viewing

Here is my site Read-Only:
https://preview.webflow.com/preview/bridget-stred-makeup-grooming?utm_medium=preview_link&utm_source=designer&utm_content=bridget-stred-makeup-grooming&preview=f33a3d26f338fa6302d3d7ed3604587c&pageId=61d49b58dfa5b1f05bf398e0&workflow=preview