JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="inner">
             <img src="http://cssglobe.com/lab/angled/img.jpg">
    </div>
</div>

CSS

body {
    margin:0;
    padding:0;
}         
img{border:none;}

/* angled box styles */

.box{
    overflow:hidden;
    margin:0;
    position:relative;
    height: 600px;
    -webkit-transform: scale(1.8, 1);
    -moz-transform: scale(1.8, 1);
    border:1px solid red;
    width:450px;
    }
.box .inner{
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(20deg);
    -o-transform:rotate(20deg);
    border:3px solid yellow;
    top:40px;
    right:-50%;
    position:absolute;
    width:500px;
    height:500px;
    }
img{height:100%;width:100%}