div.sm_modal {
 cursor: pointer;
}
div.modal {
 display: none;
 position: relative;
 z-index: 1;
 left: 0;
 top: 0;
 padding-top: 20px;
 padding-bottom: 20px;
 width: auto;
 height: auto;
}
img.modal, img.modalv {
 margin: auto;
 display: block;
 -webkit-animation-name: zoom;
 -webkit-animation-duration: 0.6s;
 animation-name: zoom;
 animation-duration: 0.6s;
}
img.modal {
 width: 90%;
}
img.modalv {
 width: 90%;
 transform: rotate(270deg);
}
@-webkit-keyframes zoom {
 from {-webkit-transform:scale(0)} 
 to {-webkit-transform:scale(1)}
}
@keyframes zoom {
 from {transform:scale(0)} 
 to {transform:scale(1)}
}
span.close {
 position: absolute;
 top: 15px;
 right: -5px;
 color: black;
 font-size: 40px;
 font-weight: bold;
 transition: 0.3s;
 cursor: pointer;
 z-index: 2;
}