JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="myUL">
<span class="image"><img src="https://placehold.it/350x150"/></span>
<li class="hidden"><img>showthis</li>
</ul>

CSS

.myUL .hidden { display:none; }

JavaScript

$(document).ready(function(){
    $(".myUL li .image").mouseover(function(){
        $(this).parent('li').next('li').removeClass("hidden");
    });
    
    $(".myUL li .image").mouseout(function(){
         $(this).parent('li').next('li').addClass("hidden");
    });
});