Responsiveness for images in grid

I wish to fix the responsiveness of my pictures when switching to anything narrower than desktop(tablet,mobile,etc), as currently, the container seems to be overflowing outside of the viewport and thus the pictures are overflowing.

It is supposed to be responsive on narrower viewports, as such:

What my work looks like, container and images overflowing on anything narrower than desktop:


Here is my site Read-Only: https://preview.webflow.com/preview/photography-draft?utm_medium=preview_link&utm_source=designer&utm_content=photography-draft&preview=7145e1ae8c6196f0b9645bc6d22b261e&workflow=preview

Here is the Read-only of the template from which im basing myself on: https://preview.webflow.com/preview/opaquephotography?utm_medium=preview_link&utm_source=designer&utm_content=opaquephotography&preview=5d1971b32587e909e0d42914c1485643&workflow=preview