JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper wc">
    <img class="wc ic" src="http://i.piccy.info/i9/ff6b3b29a411930d3dc74e99b093271c/1435078938/130317/922970/1.jpg">
    <div class="inner wa">
        <img class="wa ia" src="http://i.piccy.info/i9/fb328436c1fda30afc480a7570ac709c/1435078902/24769/922970/a.jpg">
    </div>
</div>

CSS

div {
    border-style: solid;
}
.wrapper {
    margin: auto;
}
.wrapper:before {
    content:"";
    display: inline-block;
    height: 100%;
    width: 0px;
    vertical-align: bottom;
    margin:0px;
    padding: 0px;
}
.wc {
    width: 500px;
    height: 300px;
}
.inner {
    display:inline-block;
    margin: 0;
}
.ic {
    position: absolute;
}
.ia {
    position: absolute;
}
.wa {
    width: 100px;
    height: 50px;
}