.zoom-image-container {
   position: relative; 
    top: 70%;
   left: 50%;
   transform: translate(-50%, -0%);
   
 }
 .zoom-image {  
   /* position: absolute;  */
 }

 .zoom-image img {
   /* cursor: ; */
   /* border-radius: 5px; */
   /* box-shadow: 0 18px 5px 15px rgba( 0, 0, 0, .5 ); */
 }
 .hover-image {
   position: fixed;
   width: 300px;
   height: 300px;
   border-radius: 50%;
   transform: translate( -50%, -90% );
   pointer-events: none;
   /* box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5 ); */
   
 }