JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
	 
          <img class = "whiteimg" src='https://i.stack.imgur.com/DjZm0.png' height ="150" width = "150"   >     
		  <img id = "simple1" height ="150" width = "150" src='https://i.stack.imgur.com/0K9jH.png' > 
		  
</div>

<div class="parent1 ">
	 
          <img  class = "whiteimg" src='https://i.stack.imgur.com/KWmCC.png'  height ="150" width = "150"  >
		  <div class="parent5">
		  <img id = "simple2" height ="150" width = "150" src='https://i.stack.imgur.com/0K9jH.png'> 
		  </div>
		  
</div>

CSS

.parent
{
	
position: relative;
  top: 0;
  left: 0;
	
}

.parent1
{
	
position: relative;
  top: -150px;
  left: 130px;
	
}

.whiteimg

{
	position: relative;
  top: 0;
  left: 0;
  
	
}

#simple1 
{
    position: absolute;
    top: 0px;
    clip: rect(36px, 102px, 124px, 57px);
    left: 26px;		
}

#simple2
{
	position: absolute;
    top: 0px;   
    clip: rect(36px, 136px, 122px, 100px);
	left:-75px;
	
}