How to control and align positioning of multiple overflowing elements?

Hi all, I have been tearing my hair out over this problem for the last few hours, would appreciate any guidance!

I’m trying to replicate in the middle section of my design in Figma. The section has three images coming off the page.
Here is my design in Figma:

In Webflow I have tried to replicate this by using negative margins on each image so that on every screen size the images continue to come off the page (& I have hidden overflow).

However I cannot figure out how to make it so the images take up the same width of the screen as they do in Figma (aligned to the grid)? i.e in Figma all images take up 705 pixels width on the desktop design.
If I try and set a max width or set it to a specific VW it counts the part of the image also coming off the page, so I cannot get them to be uniform in how much of the screen they each take up.

Here is my site Read-Only:
https://preview.webflow.com/preview/zenas-marvelous-site?utm_medium=preview_link&utm_source=designer&utm_content=zenas-marvelous-site&preview=2765a99abf578829cb383203bc2439be&workflow=preview

Thanks so much!