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 1s ease;
}
.tableA:hover span {
    color:red;
}

JavaScript

$('.tableA').hover(function () {
    $('.popcorn').each(function () {
        console.log(this);
        var pos = $(this).offset();
        $(this).parent().append('<img class="popcorn redcorn" style="display:none;position:absolute;left:' + pos.left + 'px;top:'+pos.top+'px" src="http://i.imgur.com/K29T3Fw.png" />');
        $('.redcorn').fadeIn(1000);
    });
}, function () {
    $('.redcorn').fadeOut(1000,function(){
        $('.redcorn').remove()
    });
});