JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#">
    <div class="img-mask"></div>
    <div class="img-mask-a">
        <img src="http://azoff.ru/files/3.png" alt="Энергетика" width="113" height="126">
    </div>
	</a>
</div>

CSS

body {
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: #d1d8dc url("http://azoff.ru/files/fon-polosa2.png") repeat-y center top;
width: 100%;
height: 100%;
text-align: left;
color: #222222;
}

.img-mask {
    background: url("http://azoff.ru/files/maskn1.png") no-repeat left top;
    position: absolute;
    width: 114px;
    height: 126px;
    top: 9px;
    left: 9px;
    z-index: 1000;
}

.img-mask-a {
    float: left;
    display: block;
    width: 110px;
    height: 120px;
    padding: 1px 3px 5px 1px;
}