How to add a color overlay to a background image?

#Header_wrapper {
background-image: url(https://yourwebiste.com/image.jpg);
position: relative;
}

#Header_wrapper:before {
content: “”;
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: rgba(0,0,0,.5);
}