JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Header</h1>
<div class="bkdg">
    <div class="blend">
    </div>
</div>

CSS

.bkdg {
    background: url("http://4.bp.blogspot.com/-XkviAtJ1s6Q/T3YFb2RUhDI/AAAAAAAAAVQ/EHomLZlFMKo/s1600/small+cat.jpg;") center center no-repeat fixed;
    background-size: cover;
    height: 700px;
    width: 700px;
}
.blend {
    background-color: green;
    mix-blend-mode: multiply;
    width: 700px;
    height: 35px;
}
h1 {
    color: white;
    position: absolute;
    top: -15px; left: 10px;
    z-index: 1;
}