.protected-image {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.protected-image > img:not(.image-watermark) {
  display: block;
  width: 100%;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.protected-image > .image-watermark {
  position: absolute;
  inset: auto 1.5% 1.5% auto;
  z-index: 3;
  width: 5%;
  height: auto;
  object-fit: contain;
  opacity: 0.78;
  transform: none;
  transition: none;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.28));
}

.project-media > .protected-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.project-media > .protected-image > img:not(.image-watermark),
.story-media-pair > .protected-image > img:not(.image-watermark) {
  height: 100%;
  object-fit: cover;
}