@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}#modal-image{border-radius:5px;cursor:pointer;transition:.3s;margin:auto;display:block;height:100%;max-height:calc(100vh - 200px);animation-name:zoom;animation-duration:.6s}#modal-image:hover{opacity:.85}#modal-image-container{position:fixed;z-index:100000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}#modal-image-close{position:absolute;top:15px;right:15px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s;line-height:24px;height:24px;width:24px}#modal-image-close:hover,#modal-image-close:focus{color:#bbb;text-decoration:none;cursor:pointer}