.hero-grid{grid-template-columns:minmax(0,820px);gap:0}
.about{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:64px}
.about>img{width:100%;max-width:320px;aspect-ratio:1/1;object-fit:cover;object-position:center 30%;justify-self:center;border-width:7px;border-radius:4px}
@media(max-width:900px){
  .hero-grid,.about{grid-template-columns:1fr}
  .about{gap:38px}
}
@media(max-width:560px){
  .about>img{max-width:250px}
}