JSFiddle - React, Tailwind, and code Playground

HTML

<table width="315px" height="100px" cellspacing="1" cellpadding="1" border="0" align="center" class="link"> 
<tr>
    <td width="200px" valign="middle" height="" align="center" style="border-image: none;">
        <a href="http://www.perevod-korona.com/" onmouseover="borderImg();" onMouseOut="borderImgNone();" >
            <img src="http://www.securitylab.ru/upload/iblock/041/04147780f4bc7c17da91681e354bb7ab.gif" border="0" width="100px" height="50px" />
        </a> 
    </td>
    <td width="200px" height="" align="center" style="border-image: none;">
        <a href="http://www.westernunion.ru/" onmouseover="borderImg();" onMouseOut="borderImgNone();">
            <img src="http://www.securitylab.ru/upload/iblock/041/04147780f4bc7c17da91681e354bb7ab.gif" border="0" width="100px" height="50px"  />
        </a> 
    </td>
    <td width="200px" height="" align="center" style="border-image: none;">
        <a href="http://www.anelik.ru/" onmouseover="borderImg();" onMouseOut="borderImgNone();">
           <img src="http://www.securitylab.ru/upload/iblock/041/04147780f4bc7c17da91681e354bb7ab.gif" border="0" width="100px" height="50px"  />
        </a>
    </td>
    </tr>
</table>

JavaScript

$(document).ready(function() {

$(".link img").hover(
    function(){ $(this).css('border', '2px red solid').css('padding', '5px'); }, 
    function(){ $(this).css('border', '0px'); }
);

});