JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">         
              <img src="http://4.bp.blogspot.com/-4qLWbtCk8vc/TXoRxa4-KjI/AAAAAAAAAA4/bgOrSRSF0Ak/s1600/remito.jpg" alt="Miniatura">   
          </div>

CSS

div.container{position:relative; display:inline-block; float:left;    width: 122px;
    height: 160px; }    
div.container > img {
    position:relative;
    width: 122px;
    height: 160px;    
    display:block;}
    
div.container > img:hover {
position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -175px;
        
        width: 300px;
    height: 350px;
    border:1px solid black}