Remove Overlay on Homepage Banner Image Only: Hayden Template

Hi there,

I am trying to remove the purple overlay that is on the homepage hero image only. I've tried a few blocks of code I found from here:

https://answers.squarespace.com/questions/63465/haydenbedford-remove-the-overlay-on-just-one-banner-image.html

https://answers.squarespace.com/questions/75236/hayden-remove-banner-color-overlay-on-one-image-or-on-one-page.html

After injecting the code into the Advanced area within the Page Settings, all that happens is the code shows up at the top of the page.

Thanks!

@BlockClubTim Add to HOME > DESIGN> CUSTOM CSS

NOT HEADER

@tuanphan What is weird is that I did this, I tried it in both the page settings and the Custom CSS area and nothing changed, and now I just reapplied the code and it changed.

Thanks!