.modal-content{margin:auto;display:block;object-fit:contain;max-height:80%;background-color:#000}.modal-content{animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}#img-viewer{display:none;position:fixed;z-index:99999999999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000}#img-viewer .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}#img-viewer .close:hover{cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}#full-image{position:fixed;width:90%;left:5%;top:50%;bottom:50%}}.img-container{position:relative;width:350px}.img-source{border:5px solid #ccc;border-radius:5px;width:100%}.expand-icon{position:absolute;right:10px;top:15px;cursor:pointer}