JSFiddle - React, Tailwind, and code Playground

HTML

>
    <img src="http://www.uniqlo.com/us/tile  </a>

CSS

a.show-image {
    position: relative;
    display:block;
    width:250px;
    height:300px;
    margin:5px; overflow:hidden}
a.show-image > a.the-button {
    position:absolute;
    top:0;
    left:0; }

JavaScript

jQuery(function() {    
    jQuery(".the-button").hide();
    jQuery('a.show-image').hover(function() {
        $('.the-button').fadeIn(1500);
    }, function() {
        $('.the-button').fadeOut(1500); 
    });
});