.hero-media {
  aspect-ratio: 16 / 9;
}

.workflow-media {
  display: grid;
  aspect-ratio: 2400 / 1458;
  place-items: center;
  background: var(--mockup-02-default);
}

.workflow-media img {
  object-fit: contain;
}

.product-pages-media {
  aspect-ratio: 2400 / 1350;
}

.product-pages-media img {
  object-fit: contain;
}

@media (max-width: 720px) {
  .workflow-media {
    aspect-ratio: 2400 / 1458;
  }
}