JSFiddle - React, Tailwind, and code Playground

by Giorgio

HTML

<div class="stack">
<div class="stack-el1"></div>
<div class="stack-el2"></div>
<div class="stack-el3"><img src='http://cdn.pocket-lint.com/images/zscJ/bmw-i8-i3-electric-cars-0.jpg?20110712-095005'/></div>
</div>

CSS

.stack-el1, .stack-el2,.stack-el3{
        position: absolute;
        width:200px;
        height:200px;
        float:left;
        top:0px;
        left:0px;
        border: 6px solid whitesmoke;
        box-shadow:2px 2px 5px rgba(0,0,0,0.3);
        background:#ccc
    }
    
    .stack{
        position:relative;
        margin:100px 0 0 100px
    }
    
    .stack-el1{background:#ccc;
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);


        /*margin-top:7px;*/
        }
    .stack-el2{
        
        -webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
          
    .stack-el3{background:#ccc}