.card-photo { grid-column: span 2; }
.real-photo { height: 500px; background: #111; }
.real-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 40%; }
.placement { background: #fff6e8e8; padding: 6px 8px; color: var(--ink); }

@media (max-width: 720px) {
  .card-photo { grid-column: auto; }
  .real-photo { height: 390px; }
}