.vehicle-detail-page {
  --vehicle-watermark-opacity: .10;
}

.vehicle-detail-page :is(.gallery-main, .thumbs > *, .car-photo) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* The exported transparent layout places marks inside the image boundaries. */
.vehicle-detail-page :is(.gallery-main, .thumbs > *, .car-photo)::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("./assets/caryee-watermark-layout.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: var(--vehicle-watermark-opacity);
  pointer-events: none;
}

.vehicle-detail-page .thumbs > *::after {
  background-image: url("./assets/caryee-watermark-single.svg");
  background-position: center;
  background-size: contain;
}

.vehicle-detail-page .car-photo > span {
  position: relative;
  z-index: 1;
}