.founder-frame { margin: 0; padding: 0; display: block; }
.founder-frame img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }
.founder-frame::before, .founder-frame::after { z-index: 1; }

@media (max-width: 768px) {
  .about-page .about-hero__grid,
  .about-page .about-layout,
  .about-page .founder-profile,
  .about-page .people-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-page .about-story__intro,
  .about-page .founder-profile {
    gap: 28px;
  }

  .about-page .founder-frame {
    width: 100%;
    max-width: 410px;
    margin-inline: auto;
  }

  .about-page .about-hero__image {
    width: 100%;
    max-width: 100%;
  }

  .about-page .people-image {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
  }

  .about-page .future-roadmap {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-page .future-roadmap article {
    min-height: 110px;
  }

  .about-page .story-timeline article {
    padding: 14px 12px;
  }
}