JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
 <div class="pic"></div>
</div>

CSS

.parent{
    width:100%;
    height:300px;
    margin:250px 0;
    background:red;
    overflow:hidden;
    position:relative;
    -webkit-transform: rotate(10deg);
}
.pic{
    background:url(http://cssglobe.com/lab/angled/img.jpg) fixed 0 0;
    height:300px;
    -webkit-transform: rotate(-10deg);
    border:1px solid green;
}