JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="container">
    <div class="col-lg-6">
        <svg class="svg" viewBox="0 0 910 500" >
            <defs>
			    <pattern id="img1" patternUnits="userSpaceOnUse" width="900" height="490">
				    <image xlink:href="http://www.thesaleslion.com/wp-content/uploads/2013/12/web-design.jpg" x="0" y="0" width="890" height="480" />
			    </pattern>
			</defs>
		    <polygon points="96.729,27.124 10,470.109 867.032,420.878 890,10" fill="url(#img1)"/>
		</svg>
    </div>
</div>

CSS

body {
    background:#666;
}