JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="#" class="img-circular img_hover" data-hover="url('http://www.outblush.com/women/images/2010/03/st-patricks-day-green-products-100x100.jpg')" style="background-image: url('http://avatarmaker.net/free-avatars/avatars/computers_268/xbox_live_avatar_100x100_94712.jpg');">&nbsp;</a>

CSS

a {
    display: block;
    width: 100px;
    height: 100px;
    text-decoration: none;
}

JavaScript

$('a').hover( function() {
    var hoverImg = $(this).data('hover');
    var basicImg = $(this).css('background-image');
    
    $(this).data('hover', basicImg ).css('background-image', hoverImg );
});