JSFiddle - React, Tailwind, and code Playground

HTML

<div class="show-image">
    <img src="http://i.imgur.com/egeVq.png" />
    <input class="the-buttons" type="button" value=" Click " />
</div>

<div class="show-image">
    <img src="http://i.imgur.com/egeVq.png" />
    <input class="the-buttons" type="button" value=" Click " />
</div>

CSS

div {
    position: relative;
    float:left;
    margin:5px;}
div input {
    position:absolute;
    top:0;
    left:0; }

JavaScript

jQuery(function() {    
    jQuery(".the-buttons").hide();
    jQuery('.show-image').hover(function() {
         jQuery(this).find('.the-buttons').fadeIn(1500);
    }, function() {
        jQuery(this).find('.the-buttons').fadeOut(1500); 
    });
});