JSFiddle - React, Tailwind, and code Playground

HTML

<div class="thumbnails">
    <div class="thumbnail">
    <img src="http://cdn1.bigcommerce.com/server4800/10d13/products/1134/images/4290/pw72_1__15735.1346792984.320.320.jpg" />
</div>
<div class="thumbnail">
    <img src="http://cdn1.bigcommerce.com/server4800/10d13/products/1135/images/4662/pw73_1__19670.1347388743.320.320.jpg" />
</div>
<div class="thumbnail">
    <img src="http://cdn1.bigcommerce.com/server4800/10d13/products/1137/images/4308/pw75_1__80434.1346793955.320.320.jpg" />
</div>
</div>

CSS

.thumbnails {
    padding: 35px;
}
.thumbnail {
    float:left;
    position:relative;
    width: 70px;
    margin-right: 10px;
}
.thumbnail img{
    /* ... */
    width:70px;
    height:50px;
}    

.thumbnail:hover img {
    position:relative;
    top:-25px;
    left:-35px;
    width:140px;
    height:140px;
    display:block;
    z-index:999;
    border-radius:75px;
    cursor: crosshair;
    box-shadow:
    0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), 
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
}