.hero{background-position:50%;background-size:cover;.hero__inner{align-items:center;color:#fff;display:flex;gap:2rem;@media (max-width:767px){flex-flow:column}.hero:has(.hero__image){.hero__copy,.hero__image{width:calc(50% - 1rem);@media (max-width:767px){width:100%}}}}}