body {
  color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #000;
}

h1 {
  font-family: "Times New Roman", Times, serif;
  margin-top: 20px;
}

/* figcaption {
  width: 40%;
  padding: 20px;
  margin: 25px auto;
  border: 1px solid #fff;
} */

img {
  width: 850px !important;
  height: auto !important;
  padding: 2px;
  margin: 25px 0;
  border: 7px solid #f3f3f3;
}

p {
  margin: 0;
  padding: 0;
}

.container {
  display: block;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.info {
  width: 100%;
  height: 25px;
  margin: auto;
}

.photo-wrapper {
  text-align: center;
}

.watermark-container {
  display: inline-block;
  position: relative;
}

.protected-img {
  display: block;
  width: 100%;
  height: auto;
}

.watermark {
  margin: auto;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 140%; /* extra width so it spans corner-to-corner */

  transform: translate(-50%, -50%) rotate(-25deg);

  color: white;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;

  opacity: 0.4;
  pointer-events: none;
  user-select: none;

  letter-spacing: 3px;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.photo-meta .separator {
  margin: 0 0.5rem; /* space on both sides */
}