Add an Overlay with Opacity to a background image

To add an overlay with opacity on it, over a background image you don’t need another div placed over it. You can simply do the following:

.my_div {
    background: linear-gradient(rgba(56,69,79, 0.5), rgba(56,69,79, 0.5)), url(my_image.png);
}