JSFiddle - React, Tailwind, and code Playground

HTML

<div id="big"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRdSv2i1qbUdxvirqB7XEiO7mxQEcrQRg2WCx-uIPsRto2Gho9aew" /></div>
<div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRdSv2i1qbUdxvirqB7XEiO7mxQEcrQRg2WCx-uIPsRto2Gho9aew" /></div>
<div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvn-LVi0EDuKueXHWlZ2gjCl_eBRgX46zshWkifWgowCF6-VK8" /></div>
<div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRd_hAFseCiD0YBwoCHy-7plDf6Cb4nmn0CmLqSLcGgpgfFV_jnLA" /></div>

CSS

img {
    float: left;
    height: 100px;
    width: auto;
}
#big img {
    float: none;
    height: auto;
}

JavaScript

$("div img").click(function() {
    var text = $(this).attr("src");
    $("#big img").attr("src", text);      
});