.hero{display:flex;flex-direction:column}.hero__content{padding:40px 30px;width:100%}.hero__image,.hero__image img{width:100%!important}@media (min-width:1024px){.hero{align-items:center;display:grid;gap:20px;grid-template-columns:repeat(12,[col-start] 1fr)}.float-left{grid-column:col-start 2/span 6}.float-right{grid-column:col-start 6/span 6}.full-right{grid-column:col-start 8/span 5;text-align:right}.full-left{grid-column:col-start 1/span 5;order:-1;text-align:left}}