.hero-media{background:var(--tint)}
.hero-media img{object-fit:cover;object-position:center 36%;background:var(--tint)}
@media(max-width:600px){
  .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .hero-heading{display:contents}
  .hero-heading .eyebrow{order:0}
  .hero-heading h1{order:1}
  .hero-media{order:2;align-self:stretch;width:auto;height:400px;margin-inline:-20px}
  .hero-media img{object-position:center 35%}
  .hero-heading .hero-intro{order:3}
  .hero-support{order:4}
}