#myImg{border-radius:5px;cursor:pointer;transition:.3s}#myImg:hover{opacity:.7}.dp-modal{display:none;position:fixed;z-index:2999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.81);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dp-modal-content{margin:auto;display:block;height:67vh;width:auto;-o-object-fit:contain;object-fit:contain}#dp-modal-caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}#dp-modal-caption,.dp-modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.dp-modal-caption-remove{-webkit-animation-name:zoomout;-webkit-animation-duration:.6s;animation-name:zoomout;animation-duration:.6s}@-webkit-keyframes zoomout{0%{opacity:1}to{opacity:0;transform:scale(0)}}@keyframes zoomout{0%{opacity:1}to{opacity:0;transform:scale(0)}}.dp-modal-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.dp-modal-close:focus,.dp-modal-close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.dp-modal-content{width:100%}}