JSFiddle - React, Tailwind, and code Playground

by vusan

HTML

<div id="large">
  <div id="medium">
    <div>child div of medium</div>
  </div>
</div>

CSS

#large {
  width:600px;
  height:400px;
  background:url('http://pic2.pbsrc.com/home/dec2012/hero4.jpg');
  
}

#medium {
  width:400px;
  height:200px;
  background:red;
  opacity:.5;
}

#medium div {
  width:300px;
  height:150px;
  background:inherit;
background:url('http://pic2.pbsrc.com/home/dec2012/hero4.jpg');     
   
}