JSFiddle - React, Tailwind, and code Playground

by Robert N.

HTML

<div class="three_img">
    <a class="screenshot lightbox" href="#1"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRLk1_40CnogDUenGk4cR9MDJYgXkSKGoHX0T1N8Wkyv-ORqdbtR7ukNCs"/></a>
    <a class="screenshot lightbox" href="#2"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQ0eShvLDG1dUl6KQw5pqjJyoIdpCQn6qkMoNiaOtj8Xy5UFjEmrM_FXw"/></a>
    <a class="screenshot lightbox" href="#3"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTgrmx-kbHrWq6aiBrtLZ69vFkNeFTGzdzyLUZIZc0ZXdxmxsvpzuCPmA"/></a>
</div>
<div>
    <a class="screenshot lightbox" href="#1"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRLk1_40CnogDUenGk4cR9MDJYgXkSKGoHX0T1N8Wkyv-ORqdbtR7ukNCs" height="32px;"/></a>
    <a class="screenshot lightbox" href="#2"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQ0eShvLDG1dUl6KQw5pqjJyoIdpCQn6qkMoNiaOtj8Xy5UFjEmrM_FXw" height="32px;"/></a>
    <a class="screenshot lightbox" href="#3"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTgrmx-kbHrWq6aiBrtLZ69vFkNeFTGzdzyLUZIZc0ZXdxmxsvpzuCPmA" height="32px;"/></a>
</div>

JavaScript

var imgs=$('.three_img .screenshot');
imgs.hide();
imgs.eq(0).show();
$('.three_img').hover(
    function(){imgs.eq(0).hide().next().show();},
    function(){imgs.eq(1).hide().prev().show();}
);