JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <img src="http://www.hack4fun.org/h4f/sites/default/files/bindump/lena.bmp" alt="" width="200" height="200" class="t"/>
    <img src="http://www.hack4fun.org/h4f/sites/default/files/bindump/lena.bmp" alt="" width="200" height="200" class="t"/>        
</div>
<img src="http://www.hack4fun.org/h4f/sites/default/files/bindump/lena.bmp" alt="" width="200" height="200" class="test"/>

CSS

.test{
    float: left;
    position:relative;
    width: 200px;
    height: 200px;
}
.test .t{
    position:absolute;
    top:0;
    left:0;
    opacity: 0.5;
}