/**
 * Matrix 3d transform for obtaining trapezoid? (SO)
 * http://stackoverflow.com/q/14480341/1397351
 */


 * {
    transform-style: preserve-3d;
 }

.subject {
   width: 100%;
   height: 100%;
   position: relative;
   left: 0px;
   top: 0;
   margin-top: 0px;
}
.whatBox {
    width: 340px;
    height: 450px;
    position: relative;
    top: 30px;
    left: 0;
    margin: 0 auto;
    background: #eee;
    perspective: 1000px;
    
}
.what {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;

  
    transform-origin: 0% 0%;
	transform: rotateX(98deg)
	           scaleY(.9)
	           translateZ(0px) translateX(0px)
	           translateY(0px) skewx(0deg);
}

.img {
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
}
.img, .subject {
  background: url('http://hdnaturepictures.com/wp-content/uploads/2013/05/Paradise-Place-Wallpaper.jpg');
}


.target { mask: url(#m12); }