figure.zoom {
  background-position: 50% 50%;
  position: relative;
  margin: 30px auto;
  border: 5px solid white;
  box-shadow: -1px 3px 10px #333;
  /* height: 300px;
  width: 500px; */
  overflow: hidden;
  cursor: zoom-in;
}
figure.zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
}

figure.zoom img:hover {
  opacity: 0;
}