JSFiddle - React, Tailwind, and code Playground

HTML

<div class="diamond" ></div>

CSS

.diamond:before, .diamond:after{
    content: '';
    border: 80px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -80px;
    z-index: -1;
}
.diamond:before {
    border-right-color: #ccc;
    border-left: none;
    right: 50%;
}
.diamond:after {
    border-left-color: #ccc;
    border-right: none;
    left: 50%;
}
#diamond {
    width: 80px;
    height: 80px;
    position:relative;
    top:100px;
    left:100px;
    display:block;
    background:url('http://placehold.it/80x80');
    margin: 3px 0 0 30px;
}