JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><img src="http://www.google.com/images/srpr/logo3w.png"/> </li>
    <li><img src="http://www.google.com/images/srpr/logo3w.png"/> </li>
    <li><img src="http://www.google.com/images/srpr/logo3w.png"/> </li>
    <li><img src="http://www.google.com/images/srpr/logo3w.png"/> </li>
</ul>

CSS

img {
    width: 150px;
    height: 50px;
}
li {
    list-style: none;
}

JavaScript

$("img").click(function() {
    //Normalize all <li>
    $("img").animate({width: "150px", height: "50px"}, "slow");
    
    //Make clicked <li> larger
    $(this).animate({width:"50%", height:"50%"}, "slow");
});