*{margin:0;padding:0;}




#base-image {
  width: 100%;
  height: 568px;
  background: url('1.png');
  margin: 0px auto;
  background-size: 100% 568px;
}

#zoom {
  background: url('2.png');
  display: none;
  position: fixed;
  height: 180px;
  width: 220px;
  background-repeat: no-repeat;
  /* Not sure how to deal with bottom edge, but no-repeat prevents weird repeating */
  background-position-y: 0%;
  background-position-x: 0%;
  z-index: 2;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-background-size: 320px 568px;
  -moz-background-size: 320px 568px;
  -o-background-size: 320px 568px;
  background-size: 320px 568px;
  -webkit-border-radius: 70px 60px 120px 70px;
  -moz-border-radius: 70px 60px 120px 70px;
  border-radius: 70px 60px 120px 70px;
}