JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<div class="Item"><a href="#"><img src="http://s1.mcstatic.com/thumb/4851940/14724767/4/directors_cut/0/1/the_concert_movie_trailer.jpg?v=7"></a></div>
<div class="Item"><a href="#"><img src="http://s1.mcstatic.com/thumb/4851940/14724767/4/directors_cut/0/1/the_concert_movie_trailer.jpg?v=7"></a></div>

CSS

body {background: rgba(50,68,75,0.95);}
.Item {float: left; margin: 0 20px 0 0;}
.Item a img, .Item a           { border: none; overflow: hidden; float: left;}
.Item a:hover                         { border: 3px solid #FFF; }
.Item a:hover img                     { margin: -3px; }