JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer_row_3">
    <table class="tableA">
        <tr>
            <td>
                <img class="popcorn" src="http://i.imgur.com/HUjq2Va.png">
            </td>
            <td><span class="statement">Lorem Ipsum</span>

            </td>
            <td>
                <img class="popcorn" src="http://i.imgur.com/HUjq2Va.png">
            </td>
        </tr>
    </table>
</div>

CSS

span {
    transition: color 2s ease;
}
.tableA:hover span {
    color:red;
}

JavaScript

document.getElementsByClassName('tableA')[0].onmouseover = function () {
    var images = document.getElementsByClassName('popcorn');
    console.log(images);
    for (i = 0; i < images.length; i++) {
        images[i].src = 'http://i.imgur.com/K29T3Fw.png'
    }
};