.about-hero{
  padding-top: 130px;
  padding-bottom: 40px;
  background:
    radial-gradient(900px 520px at 18% 35%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.70));
}
.about-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items:start;
}
@media (max-width: 980px){
  .about-grid{ grid-template-columns: 1fr; }
}