/* Full-page overlay */
.overlay {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Dim background */
  z-index: 1000;
  justify-content: center; /* Horizontal center */
  align-items: center;     /* Vertical center */
}

/* The actual popup box */
.popup-box {
  background: white;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  max-width: 90%;
  text-align: center;
}

/* Image scaling */
.popup-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Close button style */
.close-btn {
  position: absolute;
  top: 5px; right: 5px;
  font-size: 24px;
  cursor: pointer;
}