JSFiddle - React, Tailwind, and code Playground

HTML

<br>Normal:<br>
<img src="http://img1.wikia.nocookie.net/__cb20090714124528/firefly/images/thumb/1/11/Firefly_class_ship.jpg/100px-136,568,0,431-Firefly_class_ship.jpg" />

<br>Hex:<br>
<div class="hexagon">
<img src="http://img1.wikia.nocookie.net/__cb20090714124528/firefly/images/thumb/1/11/Firefly_class_ship.jpg/100px-136,568,0,431-Firefly_class_ship.jpg" />
<img src="http://i.imgur.com/ODCAItI.png" />    
</div>

CSS

.hexagon {
    position: relative;
}
.hexagon > img {
    position:absolute;
    
}