body {
  background-image: url('https://unsplash.it/1920/1080/?random');
  background-size: cover;
}

.wraper {
  overflow: hidden;
  width: 600px;
  height: 600px;
  margin: 150px 5%;
  border: 5px solid #777;
  background: #fff;
  background-image: url('https://unsplash.it/600/600/?random');
}

.zoom_area {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 12%;
}

.zoom_area .preview {
  width: 80%;
  margin: 0 auto;
}

.zoom_area .preview img {
  max-width: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 25px #c9ba12;
  box-shadow: 0 0 25px #c9ba12;
}

.magnifier {
  position: absolute;
  top: -50%;
  left: -50%;
  display: none;
}