JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <img class="big-img" src="http://i.stack.imgur.com/DATNq.png" />
  <img class="small-img" src="http://i.stack.imgur.com/DATNq.png" />
</div>
<div class="wrapper">
  <img class="big-img" src="http://i.stack.imgur.com/DATNq.png" />
  <img class="small-img" src="http://i.stack.imgur.com/DATNq.png" />
</div>

CSS

.wrapper{
  position:relative;
}
.big-img{
  width:300px;
}
.small-img{
  position:absolute;
  top:50px;
  left:172px;
  max-width:70px;
  border:2px solid red;
}