/* Preserve the native iPhone screenshot proportions in every mockup. */
.device,
.screen-card {
  aspect-ratio: 1125 / 2436;
  height: auto;
  flex: none;
}

.device img,
.screen-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.screen-card,
.journey-card--reverse .screen-card,
.screen-card--small:first-child,
.screen-card--small:last-child {
  transform: none;
}

.screen-pair {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  gap: 18px;
  align-items: flex-start;
}

.screen-card--small {
  width: min(210px, 43%);
  margin: 0;
}

.screen-card--small:last-child {
  margin-top: 56px;
}

@media (max-width: 700px) {
  .screen-pair { gap: 12px; }
  .screen-card--small { width: min(165px, 45%); }
  .screen-card--small:last-child { margin-top: 28px; }
}