JSFiddle - React, Tailwind, and code Playground

HTML

Some text
<div id="container">
<div id="a" src="http://www.google.fi/images/srpr/logo3w.png">
<img id="b" src="http://l.yimg.com/a/i/ww/met/logo/20100909/yahoo_logo_fi.png" />
</div>
<div id="fix">xxx</div>
</div>
<div style="clear: both" /></div>
<p id="trailing">
Trailing text
</p>
<p>
Foobar
</p>

CSS

#container {
}

#container img {
    top: 0;
    left: 0;

}

#a {
    min-width: 50%;    
    background-image: url(http://www.google.fi/images/srpr/logo3w.png);
    background-repeat: no-repeat;
}

#b {
    min-width: 50%;    
    opacity: 0.5;
}

#fix {
    bottom: 0;
}

JavaScript

/* */