Gradient Header suddenly developed a lighten/screen effect overnight that I cannot remove.

Site URL: https://parrot-bird-pz4d.squarespace.com/
PW: Fiona

Hi all, 

I went to bed last night and everything was fine, but upon waking the gradient header now lightens everything underneath it. I do not want this at all and have no idea how to fix it. I thought perhaps the client making some changes while I slept caused it but removing all of my code does not fix the issue and I have searched through all of Squarespace's Header customization options that I can find and there doesn't seem to be anything causing it there either. 

Please help!

You can see the effect I am referring to here:

I've also noticed that it's made the black gradient that I've coded for the shrink header a weird lighter grey instead of the pure black I have coded.

EDIT: I've spoken to the client and they made no changes to the Header overnight.  So far I have tried:

.header .header-announcement-bar-wrapper {
  -webkit-backdrop-filter: unset !important;
  backdrop-filter: unset !important;
  background: none !important;
  mix-blend-mode: normal !important;
}

to try to remove this effect to no avail.

58 minutes ago, Sam0smith said:

Please add this : 

 

.header-dropshadow {
    box-shadow: none !important;
    opacity: 0 !important;
}

let me know how it goes. 

 

Oh my god I'm an idiot. Thank you so much. I didn't think that it could be that the image below was being made darker. That's perfect. Thanks!!!