:root {
  --watermark-opacity: 0.14;
  --watermark-logo: url("/logo.svg");
}
.product-image,
.area-photo,
.gallery-track a,
.hero-visual {
  position: relative;
}
.product-image:after,
.area-photo:after,
.gallery-track a:after,
.hero-visual:before {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  bottom: 18px;
  width: 27%;
  max-width: 125px;
  aspect-ratio: 1.35;
  background-image: var(--watermark-logo);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: var(--watermark-opacity);
  filter: brightness(0) invert(1);
  pointer-events: none;
  z-index: 2;
}
.hero-visual:before {
  bottom: 30px;
  right: 24px;
  max-width: 140px;
}
.gallery-track a:after {
  bottom: 70px;
}
.no-watermark .product-image:after,
.no-watermark .area-photo:after,
.no-watermark .gallery-track a:after,
.no-watermark .hero-visual:before {
  display: none;
}
@media (max-width: 700px) {
  .product-image:after,
  .area-photo:after,
  .gallery-track a:after {
    right: 10px;
    bottom: 12px;
    width: 30%;
  }
  .gallery-track a:after {
    bottom: 62px;
  }
  .hero-visual:before {
    right: 15px;
    bottom: 65px;
    width: 28%;
  }
}