Preview:
<div id="uno">
 <div id="dos">
   <div id="tres">
     <div id="cuatro">
       <div id="cinco"></div>
     </div>
   </div>
 </div>
</div>

<style>  
  #uno{
width: 500px;
height: 300px;
background-color:green;
}
#uno:hover{ background: black}
#dos{
width:450px;
height:250px;
background: yellow;
}
#dos:hover{ background: white}
#tres{
width:400px;
height: 200px;
background: red;
}
#cuatro{
width:350px;
height:150px;
background:blue;
}
#cinco{
width:300px;
height:100px;
background:purple;
}
</style>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter