change/remove heroheader background overlay color

hello! i am trying to use a custom image with text overlay. when using the heroheader background building block there is a dark overlay over my image. (I even notice this dark overlay while using the card background building block). i am wanting to remove this dark overlay as my image does not need any, does anyone have any suggestions?   I tried using the classes listed on the containers and in my custom scss putting background-color: none !important however it doesn’t work and i tried looking for the heroheader class in the custom-variables.cscss file but could not find it   i feel like this is a simple fix that i am just overlooking. Thank you for your help!
1 answers

I think you are looking for setting the brightness back to 100%:

This gets set in custom-variables.scss via variable $header-bgimage-filter: brightness(60%);