#modal-container {
         display: none;
         position: fixed;
         background: rgba(0, 0, 0, 0.6);
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 9999;
      }
      #modal-container > div {
         display: flex;
         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;
      }