JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><img src="artistry.png" class="playThumb" />
<a href="#"><img src="flavour.png" class="playThumb" />
<a href="#"><img src="quality.png" class="playThumb" />
<a href="#"><img src="Style.png" class="playThumb" />

JavaScript

$(function () {
    $(".playThumb").fadeTo("normal", 1);

    $(".playThumb").hover(function () {
        $(".playThumb").not(this).fadeTo("fast", 0.3);
    },

    function () {
        $(".playThumb").not(this).fadeTo("fast", 1);
    });
});