body {
  margin: 0;
  background-color: #000;
  overflow: hidden;
}
#wrap {
  width: 216px;
  height: 384px;
  margin: 200px auto;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(0deg);
  /* border: 1px solid red; */
}

#wrap img {
  position: absolute;
  -moz-user-select: none;
  /* -webkit-user-select: none; */
  -ms-user-select: none;
  /* -khtml-user-select: none; */
  user-select: none;
  width: 100%;
  height: 100%;
  box-shadow: 1px -1px 6px #666;
  border-radius: 4px;
  -webkit-box-reflect: below 3px -webkit-linear-gradient(top, rgba(0, 0, 0, 0)
        40%, rgba(0, 0, 0, 0.5));
}

#perspective {
  perspective: 800px;
}