JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
   
   <div class="block">
   <div class="picture ernest"><a class="hoverlink plink" href="#"></a></div>
   <div class="name"><a href="#">Эрнест</a></div>
   </div>
   
    <div class="block">
   <div class="picture jozi"><a class="hoverlink plink"a href="#"></a></div>
   <div class="name"><a href="#">Жози</a></div>
   </div>
   
    <div class="block last">
   <div class="picture frantishek"><a class="hoverlink plink" href="#"></a></div>
   <div class="name"><a href="#">Франтишек</a></div>
   </div>
   
      <div class="block">
   <div class="picture pier"><a class="hoverlink plink" href="#"></a></div>
   <div class="name"><a href="#">Пьер</a></div>
   </div>
   
    <div class="block">
   <div class="picture yan"><a class="hoverlink plink" href="#"></a></div>
   <div class="name"><a href="#">Ян</a></div>
   </div>
   
    <div class="block last">
   <div class="picture adel"><a class="hoverlink plink" href="#"></a></div>
   <div class="name"><a href="#">Адель</a></div>
   </div>
  
  
   </div>

CSS

#main {
padding:15px;
position:relative;
}


.block { 
width: 300px;
height:340px;
float:left;
margin-right:15px;
margin-bottom:20px;
 }
 
 .picture {
	 height:300px;
	 width:300px;
	 display:block;
	 }
	  .plink {
	 height:300px;
	 width:300px;
	 display:block;
	 }
.name {
	height:20px;
	width: 280px;
	text-align:center;
	padding:10px;
	}

.last {
	margin-right:0px;
	}

.ernest {
	background:url(http://fanfantoys.com/toys.jpg) 0 0;
	}
.jozi {
	background:url(http://fanfantoys.com/toys.jpg) -300px 0;
	}	
.frantishek {
	background:url(http://fanfantoys.com/toys.jpg) -600px 0;
	}
.pier {
	background:url(http://fanfantoys.com/toys.jpg) 0 -300px;
	}	
.yan {
	background:url(http://fanfantoys.com/toys.jpg) -300px -300px;
	}	
.adel {
	background:url(http://fanfantoys.com/toys.jpg) -600px -300px;
	}

JavaScript

$(function() {      
        $(".picture").css("opacity","1.0");       
        $(".picture").hover(function () {     
                $(this).siblings().stop().animate({opacity: 0.5}, "fast");   
        },          
        function () {      
                $(".picture").stop().animate({opacity: 1.0}, "fast");       
        });   
});