.hidden { display: none; }
    .modal {
      display: flex;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background-color: rgba(0, 0, 0, 0.9);
      align-items: center;
      justify-content: center;
      z-index: 1000;
    }
    #modalImage {
      width: 100%;
      max-width: 900px;
      height: auto;
      border-radius: 0.5rem;
    }
    #closeModal {
      background: transparent;
      border: none;
      color: white;
      font-size: 3rem;
      cursor: pointer;
      position: absolute;
      top: 1rem;
      right: 1rem;
      z-index: 1010;
    }