.magnifier.image {
    width: 100%;    
    border: 1px solid #ddd;
    position: sticky;
    top: 10px;
}

.magnifier.image img {
  max-width: 100%;
}

/*.loupe {*/
/*  display: none;*/
/*  position: absolute;*/
/*  width: 200px;*/
/*  height: 200px;*/
/*  border: 1px solid black;*/
/*  box-shadow: 5px 5px 12px black;*/
/*  background: rgba(0, 0, 0, 0.25);*/
/*  cursor: crosshair;*/
/*  overflow: hidden;*/
/*}*/

/*.loupe img {*/
/*  position: absolute;*/
/*  right: 0;*/
/*}*/

.loupe {
  display: none;
  position: absolute;
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  overflow: hidden;
  z-index: 9999;
  pointer-events: none;
}

.loupe img {
  position: absolute;
  max-width: none;
}