JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div id=img-container>
  <img class="stacked" src="http://placekitten.com/250/300">
</div>

CSS

body {
  background: #30303A;
}

#img-container {
  margin: 50px auto;
  width: 250px;
  height: 300px;
  position: relative;
}

#img-container:before, #img-container:after {
  content: "";
  width: inherit;
  height: inherit;
  background: #000;
  position: absolute;
  top: 0;
}

#img-container:before {
  transform: rotateZ(-3deg);
  z-index: -1;
}

#img-container:after {
  transform: rotateZ(-7deg);
  z-index: -2;
}

#img-container:before,
#img-container:after,
#img-container img.stacked {
  display: block;
  border: 10px solid white;
  border-bottom: 20px solid white;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}