JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row1"><img class="a" src="http://imgur.com/Y7Cz2Q3.jpg"><img class="c" src="http://imgur.com/HHbpx0w.jpg"></div>
    
<div class="row2"><img class="b" src="http://imgur.com/MMZwSdO.jpg"><img class="d" src="http://imgur.com/Q9LfCwH.jpg"></div>

CSS

.b,.d {
	opacity: 0;
}

JavaScript

$('.a').hover(
    function () {
        $('.b').css('opacity','1');
    }, function () {
        $('.b').css('opacity','0');
});
$('.c').hover(
    function () {
        $('.d').css('opacity','1');
    }, function () {
        $('.d').css('opacity','0');
});