JSFiddle - React, Tailwind, and code Playground

HTML

<div id="image">
    <div id="the-image">
        <img src="http://static.bhphoto.com/images/images345x345/Zoom_ZH2N_H2n_Handy_Recorder_Portable_811053.jpg" width="487" height="650" alt="test">
        <a href="#"><img src="http://c.dryicons.com/images/icon_sets/symbolize_icons_set/png/64x64/zoom_in.png" alt=""></a>					
    </div>
</div>

CSS

#image {background-color: red; width: 600px;}

#the-image {display: block; position: relative;}
#the-image img { display: block; margin: 0 auto; }
#the-image a {position: absolute; bottom: 10px; right: 10px;}