.workshop-event-photo {
  margin: 0;
}

.workshop-event-frame {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 18px;
  background: var(--navy);
  box-shadow: 0 16px 40px rgba(var(--navy-rgb), .12);
}

/* The approved image is already cropped to exclude the foreground attendee. */
.workshop-event-frame > img,
.about-page .about-story-image .workshop-event-frame > img {
  position: absolute;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center top;
}

.workshop-event-photo figcaption {
  margin-top: 12px;
  color: #536677;
  font-size: .8125rem;
  line-height: 1.6;
  text-align: center;
}

.about-page .about-story-image.workshop-event-photo {
  overflow: visible;
  border-radius: 0;
  box-shadow: none;
}

.workshop-event-section {
  width: min(calc(100% - 64px), 960px);
  margin: 44px auto 0;
}

.workshop-event-section .workshop-event-frame {
  aspect-ratio: 16 / 9;
}

@media (max-width: 700px) {
  .workshop-event-section {
    width: calc(100% - 40px);
    margin-top: 32px;
  }
  .workshop-event-frame { border-radius: 12px; }
}