JSFiddle - React, Tailwind, and code Playground

HTML

<ul>    
<li><img src="http://copypast.ru/uploads/posts/1218050576_image00001.jpg" />&nbsp;</li>
<li><img src="http://ru.fishki.net/picsw/042009/30/bonus/kitty/004_kitty.jpg" />&nbsp;</li>
<li><img src="http://ru.fishki.net/picsw/042009/30/bonus/kitty/013_kitty.jpg" id="picture"/>&nbsp;</li>
<li><img src="http://doseng.org/uploads/posts/2008-09/1221463151_cat_01.jpg" />&nbsp;</li>
<li><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcR-VVYIs6o4-qAl2F-Q6yaQxYf1yaNd3HpRXWBYarHWHmo5gnxg_A" />&nbsp;</li>
<li><img src="http://votrube.ru/uploads/posts/2009-05/1241301872_kotjatki-%28www.votrube.ru%291.jpg" />&nbsp;</li>
</ul>

CSS

img {
    width: 100px;
    height: auto;
    margin: 0 5px;
}
li {
    position: relative;
    float: left;
    display: block;
    width: 110px;
}
.class {
    width: 300px;
    position: absolute;
    z-index: 50;
    left: -150px;
}

JavaScript

$('img').hover(function() {
    
    $(this).addClass('class'); 
},
   function() {
      $(this).removeClass('class');
   }
);