JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="thumb">
    <img src="http://data2.whicdn.com/images/73631743/thumb.jpg"/>
<a>

CSS

.thumb{
    position:relative;
    display:inline-block;
}

.thumb:hover:before{
    content: ' ';
    position: absolute;
    box-sizing: border-box; /* добавить кроссбраузерные префиксы */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('http://assets2.whicdn.com/assets/hover_heart_bg-4e7c76467606f97164b96cc42d216f95.png') center  no-repeat;
    border: 5px solid black;
}