.p3-couple-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
.p3-couple-card {
  position: absolute;
  top: 35%;
  width: 34%;
  height: 48%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  border: clamp(1px, .45vw, 3px) solid rgba(255, 248, 237, .98);
  border-radius: 48% 48% 11% 11% / 21% 21% 6% 6%;
  background: #efe1d5;
  box-shadow: 0 10px 30px rgba(92, 54, 62, .2), 0 0 0 1px rgba(158, 103, 109, .8);
  transform-origin: 50% 100%;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.p3-couple-card--groom { left: 14%; }
.p3-couple-card--bride { left: 52%; }
.p3-couple-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 32%;
}
.p3-couple-card.is-fallback { background: rgba(253, 244, 233, .92); }
.p3-couple-card.is-fallback img { object-fit: contain; object-position: center bottom; }
.p3-couple-card--bride.is-fallback img { object-fit: cover; object-position: 24% bottom; }
@media (prefers-reduced-motion: reduce) {
  .p3-couple-card { will-change: auto; }
}