Trying to remove padding between last section and footer

Hi! 

I'm trying to remove the spacing between an image in the last section of my page and the footer. 
I've tried some css variants, but can't seem to make them work. Anyone able to help me out? 

Password Lindvirke2023

Can you share your website URL?

Yes, sorry: https://tulip-violet-lt2r.squarespace.com/

You see to have a blank section at the top of the footer with just one row. You also have a single blank row in the last section below the image (if you want that image to touch the footer).

Yes, due to the content on the right side, there was a blank row below the image. I've changed that for now, but the single blank row at the top of the footer I can't remove, it says there's only one. To have that rounded shape on the footer I need to keep the row above the footer, so I was looking for a way to remove the padding with CSS. Is there no way to achieve this? 

I've updated it now so that it works, but I lose the rounded corners on the top of the footer sadly. 

Another thing I wondered, now that I'm here - is there an easy way to define different images to be shown for desktop and mobile? 

I need one image for desktop and another for mobile, and tried CSS for that too, but it seemed to fail. 

7 minutes ago, Fasett said:

I've updated it now so that it works, but I lose the rounded corners on the top of the footer sadly. 

You can add the divider style to the last section on the page. The downside here is that you will have to do this to every last section, your method got around that until it didn't work for another design feature.

9 minutes ago, Fasett said:

I need one image for desktop and another for mobile, and tried CSS for that too, but it seemed to fail. 

Yes and no; you can do this but it requires adding two images in two blocks and then using CSS to show/hide each one on desktop/mobile. It's not too difficult, but it can be fiddly to set up and manage.

I added new blocks with the images now, do you happen to have the css that would work for them? I do have the IDs available, but when I tried it didn't really work. 

I seem to have made it work now, thanks for the pointers 🙂

One thing that still doesn't do what it should is the bottom photo on desktop. If I resize the window pre breakpoint to mobile, the lower image is larger than the top one. Can you tell why that is and offer any resolution? 

Thank you, that's a great pointer. Seems to have done the trick to have both text blocks span the entire section.🙏🏼