JSFiddle - React, Tailwind, and code Playground

HTML

<table><tr>
    <td>
        <h4>Title</h4>
        <img src="http://placehold.it/350x150" onmouseover="GreenBorder(this)"  onmouseout="NoBorder(this)" />
    </td>
    
    <td>
        <h4>Title</h4>
        <img src="http://placehold.it/350x150" onmouseover="GreenBorder(this)"  onmouseout="NoBorder(this)" />
    </td>
    
    <td>
        <h4>Title</h4>
        <img src="http://placehold.it/350x150" onmouseover="GreenBorder(this)"  onmouseout="NoBorder(this)" />
    </td>
</tr></table>

JavaScript

function GreenBorder(el) {
    //get the parent of whatever node is passed in
    el.parentNode.style.outline = '#00CC00 solid thick';
}

function NoBorder(el) {
    el.parentNode.style.outline = 'none';
}