Element placement: Image has too much peripheral space in preview mode

Hi! I’ve been working on making my portfolio with Webflow and I’m having a lot of trouble with formatting. Right now I’m trying to have these three images look like this:

But in preview, the become very spaced out:

In general, making sure the elements stay where I want them to when the view port changes has been a huge problem of mine. It’s quite frustrating since I truly only want to make this one site, but it feels like I have to learn all of Webflow just to place an image correctly. I understand elements will move when the screen size changes, but the changes are so significant and I’m not sure how to fix it.

Thank you so much.


Here is my site Read-Only: LINK