JSFiddle - React, Tailwind, and code Playground

HTML

<div id="background"><div id="inner"></div></div>

CSS

* {
    padding: 0;
    margin: 0;
}
html, body {
    width: 100%;
    height: 100%;
    display: block;
}
#background {
    background: url(http://i.cubeupload.com/8oOfdl.png) white;
    width: 100%;
    height: 100%;
}
#inner {
    -webkit-filter: invert(100%);
    background: url(http://i.cubeupload.com/8oOfdl.png) white;
    width: 100%;
    height: 50%;
}