JSFiddle - React, Tailwind, and code Playground

HTML

<label>
                    <img class="jogo" value="lol" src="../cdn/img/jogos/lol.png">
                    <img class="jogo" value="csgo" src="../cdn/img/jogos/csgo.png">
            </label>
            <br><div class="atual"> </div>

CSS

.jogo{
		opacity: 0.5;
	}

JavaScript

$(function(){

    $(".jogo").click(function(){
 
        $(".jogo").animate({opacity:0.5},{duration:100});
        $(this).animate({opacity:1},{duration:100});
        var jogo = $(this).attr('src');
        
        jogo = jogo.slice(jogo.lastIndexOf('/') + 1, jogo.length);
        jogo = jogo.split('.')[0];
            
        $(".atual").html(jogo);
    });

});