How to make full width image on the website

Can you please help me with below scenario and share what html/css code is needed for following ?

Scenario- On https://www.twelveandtwentyeight.com/ , we need to make this image full width so that there is no blank space on it's left and right side. This Squarespace site is created via a template from Square space.

@anksmahajan

/* Make block and image full width */
div#collection-footer-5b1af4de70a6ad394e703668 {
   padding-left: 0;
   padding-right: 0;
   max-width: 100%;
}

Thanks a lot @Tuanphan. It worked :) but it also made everything else in Collection Footer Full Width, is there a way to make just black image full width and nothing else

Thanks a lot @Tuanphan. It worked :) but it also made everything else in Collection Footer Full Width, is there a way to make just black image full width and nothing else

@anksmahajan There are 2 ways to Image Fullwidth. The first one was difficult and complicated, so I gave up.The second way I wrote above. That is fullwidth for the block. You can adjust the CSS to change the padding of other elements except images.

It needs lots of CSS. What elements do you want to adjust ... or all, except images, in the footer?

@Tunanphan - we just wanted to have image width as 100% and nothing else but with current solution everything in the Collection Footer (including the content below the Footer has width of 100% and we had to use code/style for that content because it didn't look on Mobile because of above change).

I am just curious why can't we identify and refer image block DIV ID i.e. YUI GUID and have style changes of full width for image block only ? Is there some limitation for that ?