JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li class="thumb">
    <img class="small" src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" />
    <img class="large" src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" />
</li>
</ul>

CSS

.large { display: none; }

JavaScript

$(".thumb").mouseover(function() { 
    
       $(this).children(".large").show();
    }).mouseout(function() {
       $(this).children(".large").hide();
    });