how to add a black overlay over an image in css 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 */
}