JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">    
    
     <div id="div2">
         <img src="http://www.affinitynewmedia.com/images/news/cats-protection-179lrg.jpg" />
    </div> 
    
     <img src="http://stuffpoint.com/cats/image/59296-cats-curious-cat.jpg" /> 
    
</div>

CSS

#div1 img{
    max-width: 200px;
    max-height: 200px; 
} #div1{
    border: 1px solid black;
    max-width: 200px;
    max-height: 200px;
    position: relative;    
}

 #div2 img{
    max-width: 100px;
    max-height: 100px; 
}


#div2{
    border: 1px solid red;
    width: 100px;
    height: 100px;
    position: absolute;
    margin: 15px 0px 0px 15px;  
}