JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bkdg">
    <div class="blend">
         <h1>Header</h1>
    </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;
}
h1 {
    color: white;
    mix-blend-mode: normal;
}