.card-image {  height: 400px; }
.back-labels{  top: 250px;   width: 380px; }
.pump-title.visible { transform: translateX(-60%); }
@media (max-width: 900px) { .scene-wrap {  height: auto; } }

  .p-image-wrap::before {
    width: 2px;
    height: 0;
    left: var(--line-x, 0);
    top: var(--line-y, 0);
    height: calc(100% - 10% - var(--line-y, 0));
  }
  .p-image-wrap::after {
    height: 2px;
    width: 0;
    left: 5%;
    top: var(--line-y, 0);
    width: calc(var(--line-x, 0) - 5%);
  }
  .back-labels{
  left: 63%;
  padding: 0;
  margin: auto;
}
.pump-title.visible { transform: translateX(-55%); }
   @media (max-width: 600px) {
     :root {  --card-scale: 1.3; }
     .images { margin-top: 20px; }
     .item {  top: 180px;  }
     .back-labels { top: 270px; width: 330px; }
}