Hi there,
You can do something like this:
.blog .post-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-top: 0;
}
.blog .inside-article {
position: relative;
overflow: hidden;
}
.blog .inside-article > *:not(.post-image) {
position: relative;
z-index: 10;
}
.blog .post-image:after {
content: "";
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.blog .entry-title a,
.blog .entry-title a:visited,
.blog .entry-meta,
.blog .entry-meta a {
color: #fff;
}
You’ll just need to make sure the featured images are big enough to fill their containers.