background image with overlay css

Question

How I design background image with overlay in CSS like this example image.

here the code. i want to add tour class to background image and overlay effect. <

Answer 1

you should have added more information in to the question, but Is this what you want?

CSS for this:

.background {
  background:url('BackgroundImage.png');
}

.layer {
  background-color: rgba(248, 247, 216, 0.7)
  width: 100%;
  height: 100%;
}

HTML for this:

Hope it helps :)