.magter-about-page__hero-media img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.magter-about-page__timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.magter-about-page__timeline article {
  padding: 24px;
  border-left: 4px solid var(--magter-blue);
  background: var(--magter-white);
}

.magter-about-page__timeline time {
  color: var(--magter-blue);
  font-weight: 850;
}

@media (max-width: 760px) {
  .magter-about-page__timeline {
    grid-template-columns: 1fr;
  }
}