JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <img class="img1" src="http://dummyimage.com/200/ccc/000.png&text=image+1" />
    <img class="img2"  src="http://dummyimage.com/200/ccc/000.png&text=image+2" />
</div>

CSS

.container{
     position:relative;

    width:500px;
    height:500px;
}
.container img{
    position:absolute;
    border:1px solid green;
}

.img1{top:0px; left:0px; z-index:1;

 width:100%;
    height:200px;
}
.img2{top:0px; right:0px; z-index:2;

 width:100px;
    height:100px;
}