If you do not need a dark overlay on the Front Page 1 image, you can remove it.
In WordPress, go to Appearance > Customize > Additional CSS at the bottom, and add the CSS below.
Remove the Dark Overlay
Add this CSS:
/* Front Page 1 Image Overlay */
.front-page .site-header {
background-color: transparent;
}
.front-page-1 {
background-color: transparent;
}
/* End Front Page 1 Image Overlay */
Change the Dark Overlay
Add this CSS. Make the 0.4 smaller for a lighter overlay, and larger for a darker overlay.
/* Front Page 1 Image Overlay */
.front-page .site-header {
background-color: rgba(0, 0, 0, 0.4);
}
.front-page-1 {
background-color: rgba(0, 0, 0, 0.4);
}
/* End Front Page 1 Image Overlay */