JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="content">//my blog post</div>
</div>

CSS

.container {  position: relative;}

.container:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(http://www.petscareblog.com/wp-content/uploads/2011/03/kucing.jpg);
    opacity: 0.5;
}

.content {
    position: relative; 
    z-index: 2;
    }