JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg" alt="" class="thumb img-responsive" />
    <div class="caption">
        <img src="http://digitalbbq.net/gallery/12_20_09_12_9_33_22.png" alt="" class="ava img-responsive">
    </div>
</div>

CSS

.item {
    position: relative;
    display: inline-block;
    max-width: 100%;
}
    .thumb {}
    .img-responsive {
        display: block;
        max-width: 100%;
    }
    .caption {
        position: absolute;
        right: 5%;
        bottom: 5%;
        max-width: 25%;
    }
        .ava {}