#modal-container {
   display: none;
   position: fixed;
   background: rgba(0, 0, 0, 0.6);
   top: 50px;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 99;
}
#modal-container > div {
   display: flex;
   width: 100vw;
   height: 100vh;
   justify-content: center;
   align-items: center;
}
#modal-container > div > img {
   max-width: calc(100vw - 30px);
   max-height: calc(100vh - 30px);
}
img.popup {
   cursor: pointer;
}