Why does my live site images much smaller than my Webflow mockup?

EDIT: NEVERMIND, it seemed to work again after I re-published. Weird.

I followed part of Webflow’s tutorial on how to make a portfolio site. I may have diverged a little from time to time, but I don’t understand how my live site’s collection images are so much tinier than the Webflow mockup. This is on a mobile size.

Webflow mockup:

Live site:

The images are so tiny!

Also if it’s possible, I’d prefer if the images could be stacked above the corresponding text currently on the left, but I’m not sure how can I do that. I think if I set the flexbox to stack vertically, the image will be underneath the text, and I want that to be reversed. I appreciate any suggestions on how to resolve these two issues. Thank you!

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