Header image overlay too dark


I am wondering how I can change the opacity of the dark overlay on top of the header image. Because when I added my own image it is way too dark for what I want, but I can’t find out where I can change that?


Use this CSS code below:

.header-image::after {
    background-color: rgba(37, 46, 53, 0.9);

you can change the opacity on the backgroun-color value, adjust the last value of the rgba between 0.1 - 0.9

then put the code into: customize > additional CSS.