Image block responsiveness not working as intended

Hi,
I'm using image blocks on Square space 7.1 to create my desired layout. While the images are positioned on the grid and set to "fit" (not fill) they dont follow the desired responsiveness when scaled to the smallest browser view. The images on my homepage are set to "fill" and they work fine. 
On inspection, I also noticed other sites designed on squarespace that offer the desired effect such as https://gretelny.com/ have images that are 

".sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {

position: absolute;" while the images on my site are  ".fe-block-3d11d36bda09b169ddaf .fluidImageOverlay {"

Here are screenshots showing how the images dont follow the same margins as the text. You will notice that the gallery images follow the correct margin. Sharing the edit more as well for futher clarification. Looking for any help with this matter. You can see the same issue happing on all of my other project pages. Thank you for your time and assistance!