JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div class="hex">
    <img src="http://www.hhhhold.com/200" alt=""/>
</div>
<div class="hex">
    <img src="http://www.hhhhold.com/201" alt=""/>
</div>
<div class="hex">
    <img src="http://www.hhhhold.com/203" alt=""/>
</div>
<div class="hex">
    <img src="http://www.hhhhold.com/204" alt=""/>
</div>
<div class="hex">
    <img src="http://www.hhhhold.com/205" alt=""/>
</div>

CSS

.hex {
    /* background: red; */
    display:block;
    float:left;
    margin:0;
    padding:0;
    position:relative;
    
}
.hex img {
    width:200px;
    height:200px;
    margin:0;
    padding:0;
    display:inline-block;
 
}
.hex:before {
    content:'';
    display:inline-block;
    width:200px;
    height:200px;
    position:absolute;
    top:0;
    left:0;
	background-image:...