JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top-div">
    
</div>

<div id="bottom-div">
<img src="http://www.wallpaper-network.com/wp-content/uploads/2008/09/waterfall2097-100x100.jpg"/>
<img src="http://www.trendzcar.com/wp-content/uploads/2012/06/2012-Kahn-Design-Ferrari-458-Italia-Coupe-Front-Angle-100x100.jpg"/>
<img src="http://www.ctbuh.org/Portals/0/Media/NewsArchive/Feb2011/07/Milwaukee.jpg"/>
</div>

CSS

#top-div {
    padding: 10px 10px 10px 10px;
    margin-top: 70px;
    margin-right: auto;
    margin-left: auto;
    height: 100px;
    width: 310px;
    background-color: green;
}

#top-div img {
    display: inline;
    height: 100px;
    width: 100px;
}

#bottom-div {
    padding: 10px; 10px 10px 10px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    height: 100px;
    width: 310px;
    background-color: blue;
}

#bottom-div img {
    display: inline;
    height: 100px;
    width: 100px;
}

JavaScript

$(document).ready(function(){
  $("img").click(function(){
    $(this).hide();
  });
});