.transparent-overlay {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.75);
}

.transparent-overlay img {
  max-width: 90vw;
  max-height: 90vh;
  height: auto;
  filter: drop-shadow(0 0 20px rgba(255, 230, 120, 0.7));
}

.transparent-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

#itemCaption {
  color: #ecd29c;

  font-family: "Palatino Linotype", serif;
  font-size: clamp(18px, 1.8vw, 26px);
  font-weight: bold;

  text-align: center;

  text-shadow:
    1px 1px 2px #4a0000,
    0 0 4px #d8b65c;

  opacity: 0;
  pointer-events: none;

  transition: opacity 0.2s ease;
}

#itemCaption.is-visible {
  opacity: 1;
}