How do I remove padding below hero image on homepage?

Site URL: https://cobalt-fennel-xn4n.squarespace.com/home-2

Hi, I'd like to remove the padding below my hero image so that my image is flush to the bottom (remove additional space shown below in screenshot). Any help is appreciated! 

URL: https://cobalt-fennel-xn4n.squarespace.com/home-2 

password: gcre2022

47 minutes ago, SHall22 said:

Site URL: https://cobalt-fennel-xn4n.squarespace.com/home-2

Hi, I'd like to remove the padding below my hero image so that my image is flush to the bottom (remove additional space shown below in screenshot). Any help is appreciated! 

URL: https://cobalt-fennel-xn4n.squarespace.com/home-2 

password: gcre2022

Try adding to Home > Design > Custom Css

#block-f5edec95f2f40a1fa9bf {
  padding-bottom: 0;
}

Let me know how it works on your site

My testing

Yes, this worked thank you!! I am curious about one other thing. Any idea how i can get this to also work on mobile?

10 hours ago, SHall22 said:

Yes, this worked thank you!! I am curious about one other thing. Any idea how i can get this to also work on mobile?

 

The url doesn't work. Can you check it again?

Hi yes just checked and it seems to be working https://cobalt-fennel-xn4n.squarespace.com/

Apologies about that. Forgot i made some URL changes.

On 4/11/2022 at 7:09 AM, SHall22 said:

Hi yes just checked and it seems to be working https://cobalt-fennel-xn4n.squarespace.com/

Use this code

@media screen and (max-width: 991px) {
    #block-1183aa6a27846ca42497 {
        padding-bottom:0 !important;
    }
}