JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-xs-6">
            <div id="box">
                <img src="http://placehold.it/560x366" class="img-responsive">
            </div>
        </div>
        <div class="col-xs-6">
            <div class="skew">
                <img src="http://placehold.it/560x366" class="img-responsive">
            </div>
        </div>
    </div>
</div>

CSS

/*Attempt 1*/
#box {
    width: 200px;
    height: 200px;
    /*background-color:green;*/
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
 #box:after, #box:before {
    display: block;
    content:"\0020";
    color: transparent;
    width: 211px;
    height: 45px;
    background: white;
    position: absolute;
    left: 1px;
    bottom: -20px;
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    transform: rotate(-12deg);
}
#box:before {
    bottom: auto;
    top: -20px;
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    transform: rotate(12deg);
}
/*Attempt 2*/
.skew {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    /* the magic ingredient */
    -webkit-transform: skew(-16deg, 0);
    -moz-transform: skew(-16deg, 0);
    -ms-transform: skew(-16deg, 0);
    -o-transform: skew(-16deg, 0);
    transform: skew(-16deg, 0);
    overflow: hidden;
    width: 300px;
    height: 260px;
    position: relative;
    left: 50px;
    border: 1px solid #666;
}

.skew img {    
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    -webkit-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    position: relative;
    left: -40px;
}