.workflow-cards {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacer-500);
  padding-inline: var(--spacer-500);
  padding-block: var(--spacer-section-900);
  max-width: 560px;
}

@media (min-width: 1024px) {
  .workflow-cards {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: min(90vw, 1200px);
  }

  .workflow-cards workflow-card {
    flex: 1;
  }
}