#dialog-box {
    width: 100vw;
    height: 100vh;
    background-color: black;
    background-image: url("gifs/popup.gif");
    background-repeat: no-repeat;
    position: fixed; /* Added to display on top */
    top: 0; /* Added to position from top */
    left: 0; /* Added to position from left */
    z-index: 10; /* Added to ensure it's on top of other elements */
  }
     
     #play-button {
     position: absolute;
     top: 75%;
     left: 75%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     background-color: red;
     font-size: 16px;
     padding: 12px 24px;
     border: none;
     cursor: pointer;
     border-radius: 5px;
     color: white;
     }

     #book-button {
      position: absolute;
      top: 25%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-color: transparent;
      font-size: 16px;
      padding: 52px 96px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      color: transparent;
      }