JSFiddle - React, Tailwind, and code Playground

JavaScript

$(function(){
	galleryBlack = $(".gallery-black");
	galleryBlack.hover(
		function(){

		
		
			prev = $(this).prev();
			next = $(this).next();
			$(this).animate({marginTop:"-20px",marginLeft:"20px",marginBottom:"5px",marginRight:"20px"});
			$(this).children(".image-block").children("img").animate({width:"80px",height:"80px"});
			$(this).children(".image-block").children(".reflection").children("img").animate({width:"80px",height:"60px"});
			
			prev.animate({marginTop:"-10px",marginLeft:"10px",marginBottom:"5px",marginRight:"10px"});
			prev.children(".image-block").children("img").animate({width:"70px",height:"70px"});
			prev.children(".image-block").children(".reflection").children("img").animate({width:"70px",height:"60px"});
			
			next.animate({marginTop:"-10px",marginLeft:"10px",marginBottom:"5px",marginRight:"10px"});
			next.children(".image-block").children("img").animate({width:"70px",height:"70px"});
			next.children(".image-block").children(".reflection").children("img").animate({width:"70px",height:"60px"});

			
		},
		function(){
			prev = $(this).prev();
			next =...