.back-labels{  top: 240px;  width: 435px; }
.back-label{ text-align:center; }
   @media (max-width: 600px) {
     :root {  --card-scale: 1.4; }
     .images { margin-top: 50px; }
     .back-labels { width: 95%; }
   }
   
   .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%);
}