And if you want to add an image, but have an overlay color over it with some opacity, then try this out:
body[class*="collection-type-blog"].view-item header#header {
background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(your-image-url-here);
}