.magnify {
  margin: 20px auto;
  display: inline-block;
  position: relative;
}
.magnified {
  display: block;
  z-index: 10;
  margin: auto;
  border: 5px solid #fff;
}
.magnifier {
  height: 200px;
  width: 200px;
  position: absolute;
  z-index: 20;
  border: 4px solid white;
  border-radius: 50%;
  background-size: 200%;
  background-repeat: no-repeat;
  margin-left: -100px !important;
  margin-top: -100px !important;
  pointer-events: none;
  display: none;
}