.about-photo-card {
  position: relative;
  min-height: 650px;
  overflow: hidden;
  border: 1px solid rgba(216, 173, 88, .35);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .48);
}

.about-photo-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 650px;
  object-fit: cover;
  object-position: center top;
}

.about-photo-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 5, 5, .92), transparent 38%);
  pointer-events: none;
}

.about-photo-caption {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: flex;
  flex-direction: column;
  padding: 22px;
  background: rgba(9, 9, 9, .75);
  border: 1px solid rgba(216, 173, 88, .4);
  border-radius: 15px;
  backdrop-filter: blur(10px);
}

.about-photo-caption span,
.about-photo-caption small {
  color: #d8ad58;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.about-photo-caption strong {
  margin: 4px 0 2px;
  color: #fff;
  font: 600 32px "Playfair Display", serif;
}

@media (max-width: 700px) {
  .about-photo-card,
  .about-photo-card img { min-height: 530px; }
  .about-photo-caption { right: 16px; bottom: 16px; left: 16px; }
}
