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

Try Below Code

HTML

Style

.img-wrapper {
    position: relative;
}
.img-wrapper:after {
    content: "";
    background-color: rgba(37,131,173,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}