JSFiddle - React, Tailwind, and code Playground

by mori57

HTML

<div id="content">
<img id="thm1" class="thumb" src="http://farm9.staticflickr.com/8319/8067001258_ab9eb248c0_t.jpg">
<img id="thm2" class="thumb" src="http://farm9.staticflickr.com/8033/8066991819_b574eeab99_t.jpg">
<img id="thm3" class="thumb" src="http://farm9.staticflickr.com/8450/8066672571_b89d8cc0e1_t.jpg">
</div>

CSS

#content {
 position:relative;
 border:1px solid #ccc;
 width:500px;
 height:500px;    
}

#content img {
 position:absolute;
 top:20px;
 left:20px;
 z-index:0;    
}

#content img:hover {
 z-index:100;   
}

#content #thm2 {
  top:40px;
  left:40px;    
}

#content #thm2 {
  top:70px;
  left:70px;    
}