JSFiddle - React, Tailwind, and code Playground

HTML

<div id="herebesomefaderimages">
<img src="http://bla.com/image1.jpg" />
<img src="http://bla.com/image2.jpg" />
<img src="http://bla.com/image3.jpg" />
</div>

CSS

.fader{width:100px;padding:20px;background:#ff00ff}

JavaScript

$('#herebesomefaderimages').children('img').addClass("fader");

$('.fader').hover(
    function(){
        $(this).fadeTo(100,0.5);
    },
    function(){
        $(this).fadeTo(100,1);
    });