Bedford template, stretching Index content to full width

Hello,
I'm currently using the Bedford template for my website (non published yet) and can't figure out how to strech my index pages and folder pages' images to full-width.
In the Custom CSS code I added to the Design > CSS Editor panel the following:

// Page Side Padding
 #page, #content {
 padding: 0 !important;
 max-width: 100% !important;
}

// Image Padding
.sqs-block.image-block {
 padding: 0
}

This code worked great on all of my pages, except for the index ones (the content and gallery blocks remain centered with huge left and right blank spaces) and the images of my folder pages aren't full-width either. I am no expert at all so my apologies in advance if I'm not being clear.
The Bedford template doesn't have specific tweaks to regulate the sizes and padding of the pages

Thank you for your help :)

Difficult to help without link to that page.

The site is under construction but the link to the index page is: https://mandolin-turtle-7fn3.squarespace.com/travelling-solo 

And to the folder page: https://mandolin-turtle-7fn3.squarespace.com/travels-and-fashion

Password: haypassword123456

Many thanks