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 = "simple3" 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 = "simple4"  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;
  
	
}


#simple3 
{
    position: absolute;
    top: 0px;
    left:0px;
    
}

#simple4 {
    position: absolute;
    top: 0px;
    clip: rect(50px, 128px, 125px, 55px);
    left: -40px;
}