JSFiddle - React, Tailwind, and code Playground

by Cristofer Sousa

HTML

<div class="white">
<img class="zoom-images" src="http://mlb-s2-p.mlstatic.com/relogio-de-pulso-esqueleto-mecnico--793-MLB4713233682_072013-F.jpg" alt="">
  
</div>

CSS

.white{
    background:#fff;
     height: 950px; 
     height: 100vh; 
     width: 100vw; 
}

.zoom-images{
  position: absolute;
  z-index: 99999999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}