Making a Parallax "Grid"

Hello! I created this mock-up of a course website for a course I helped teach to showcase student work. Since it was a course about creativity, I wanted to make it “creative” by including a parallax: Webflow - GENED1067: Creativity Homepage

I’m happy with the results except that the height in between the rows of the grid I made get farther and farther apart the smaller the breakpoint is. Is there any way to keep the rows always touching, no matter what screen the website is viewed on? I’m grateful for any of your suggestions, and thank you for your time!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)