JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/3/4/1jpg_8459823_5895734.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/4/2/2jpg_2638430_5895742.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/4/8/3jpg_2194494_5895748.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/5/0/5jpg_4645611_5895750.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/5/3/6jpg_6695404_5895753.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/6/2/7jpg_7151448_5895762.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/6/4/8jpg_8228106_5895764.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/4/8/3jpg_2194494_5895748.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/3/4/1jpg_8459823_5895734.jpg"/></a></div>
        <div class="img"><a href="#"><img width="150" height="150" src="http://i.pixs.ru/storage/7/5/0/5jpg_4645611_5895750.jpg"/></a></div>
        <div class="clear"></div>
    </div>

CSS

#container {
            text-align: center;
            position: absolute;
            
            margin-top: 150px;
            width: 790px;
        }
        .img {
            width:150px;
            height: 150px;
    float:left;
        }
        .end {
            margin-right: 0;
        }
        .clear {
            clear: both;
        }
        .img a img {
            position: relative;
            border: 0 solid #fff;
        }

JavaScript

$(document).ready(function() {
        var cont_left = $("#container").position().left;
        $("a img").hover(function() {
            $(this).css("z-index", 1);
            $(this).animate({
               height: "250",
               width: "250",
               left: "-=50",
               top: "-=50"
            }, "fast");
        }, function() {
            $(this).css("z-index", 0);
            $(this).animate({
                height: "150",
                width: "150",
                left: "+=50",
               top: "+=50"
            }, "fast");
        });

    });