.back-labels{  top: 240px;  width: 400px; }
.back-label{ text-align:center; }
@media (max-width: 600px) {
  :root { --card-scale: 1.4; }
  .back-labels { top: 250px; width: 95%; max-width: 350px; }
  .scene-wrap {  width:100%;  min-width: 0; }
}

.p-image-wrap::before {
  width: 2px;
  height: 0;
  left: var(--line-x, 0);
  top: var(--line-y, 0);
  height: calc(100% - 12% - var(--line-y, 0));
}

.p-image-wrap::after {
  height: 2px;
  width: 0;
  left: 4%;
  top: var(--line-y, 0);
  width: calc(var(--line-x, 0) - 4%);
}