background image with black opacity over the top code example
Example: how to put a black overlay on a photo css
.header {
background: rgba(0, 0, 0, 0.5); /* Black color with 50% alpha/opacity */
}
.header {
background: rgba(0, 0, 0, 0.5); /* Black color with 50% alpha/opacity */
}