JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
                <div class="kartinka">
                    <a href="?mail=1318" class="image"><img src="http://alpatriott.ru/works/primer/images/5.png"></a>
                    <a href="?mail=1318">Damir swint68</a>
                </div>

            <div class="kartinka">
                <a href="?mail=983" class="image"><img src="http://alpatriott.ru/works/primer/images/5.png"></a>
                <a href="?mail=983">Asketa Asketa</a>
            </div>
        
            <div class="kartinka">
                <a href="?mail=131" class="image"><img src="http://alpatriott.ru/works/primer/images/5.png"></a>
                <a href="?mail=131">Furstja Furstja</a>
            </div>


            <div class="kartinka">
                <a href="?mail=768" class="image"><img src="http://alpatriott.ru/works/primer/images/5.png"></a>
                <a href="?mail=768">Mr.FAR Mr.FAR</a>
           </div>
</div>

CSS

.wrapper{
width:610px;
}

.kartinka{
display:inline-block;
width:300px;
height: 120px;
vertical-align:top;   
}

.image {
display:block;
margin:0px 10px 0px 0px;
float:left;
width:130px;
height:100px;
overflow:hidden;
box-shadow: 0px 0px 5px black; /* Параметры тени */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
}