.zoom {
   /*background-color: green;*/
  transition: transform .2s;
  width: 296px;
  height: 563px;
   margin: 0 auto;
   
}
.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 

}
.zoom1 {
   
  transition: transform .2s;
  width: 296px;
  height: 563px;
  margin: 0 auto;
   
}
.zoom1:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
.zoom2 {
   
  transition: transform .2s;
  width: 296px;
  height: 563px;
  margin: 0 auto;
   
}
.zoom2:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
.zoom3 {
   
  transition: transform .2s;
  width: 296px;
  height: 563px;
  margin: 0 auto;
   
}
.zoom3:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
.zoom4 {
   
  transition: transform .2s;
  width: 296px;
  height: 563px;
  margin: 0 auto;
   
}
.zoom4:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
.zoom5 {
   
  transition: transform .2s;
  width: 296px;
  height: 563px;
  margin: 0 auto;
   
}
.zoom5:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}