Positioning and responsiveness

Hi all, I hope you are keeping well I was wondering if you could help me out. I am having a bit of trouble with positioning and keeping items responsive in webflow. I have been through all the tutorials and i am having no joy. Can someone please look over this for me and tell me where i am going wrong. The issue I am having is I can get it to become responsive on the desktop but when it comes to view it on the laptop it all messes up and vice verse. Also 992px on the desktop view looks totally different to 992px on the laptop view. I cant seem to keep it nice and tidy. I am trying to close the white gap on the desktop view. As for the images I am trying to keep the full image without grid growing it in desktop view.

Here is a link to the video which shows the issue. Here is a link to a video which is a perfect example: https://www.hippovideo.io/video/play/-ymOiORcbkhB7FolB0aIEeIVMm9ZjpG8rxiFJj83mVo?utm_source=hv-campaigns&hreferer=private&

https://preview.webflow.com/preview/kabeers-cool-project-b9eac649e74b048733?utm_medium=preview_link&utm_source=designer&utm_content=kabeers-cool-project-b9eac649e74b048733&preview=ec9c8ee80936565edfa9bf4da8d79642&mode=preview