.image-wrap {
  position: relative;
  height: min(74vw, 760px);
  max-width: 100%;
}

.image-wrap > img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.hotspot.hotspot::after {
  right: auto;
  left: calc(50% + var(--lx));
  top: calc(50% + var(--ly));
  transform: translate(-50%, -50%);
}

@media (max-width: 850px) {
  .image-wrap {
    height: min(120vw, 720px);
  }
}

@media (max-width: 520px) {
  .image-wrap {
    height: 128vw;
  }
}