JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block" style="padding-left:30px;">
            <a href="#" class="button"><img style="margin-top:20px; border:0px;" src="http://static.diary.ru/userdir/2/0/0/4/2004853/76639020.png" /></a><br/><br/>
            
    
    <a href="#" class="button"><img style="border:0px;" src="http://static.diary.ru/userdir/2/0/0/4/2004853/76639020.png"/></a><br/>        

<a href="#" class="button"><img style="border:0px; margin-top:20px;" src="http://static.diary.ru/userdir/2/0/0/4/2004853/76639020.png"/></a><br/>        
        </div>

CSS

.active_button {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);;
}

JavaScript

$(function() {
    $(".block .button").hover(function() {
    $(this).toggleClass("active_button");
  })
});