.hero{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:1fr;grid-column-gap:16px;grid-row-gap:0px;justify-items:center;position:relative;padding-block-start:2rem;padding-block-end:1rem}.hero:after{background:#366c8f;content:"";position:absolute;top:0;left:0;width:70%;height:100%;z-index:0;border-top-left-radius:20px;border-bottom-left-radius:20px}.hero__image,.hero__content{grid-column:span 12;position:relative;z-index:3}.hero__content{height:100%;display:flex;padding:2rem;align-content:center;flex-wrap:wrap;color:#fff}.hero__content h1{font-weight:bold}.hero__title,.hero__body{width:100%}@media (min-width: 1024px){.hero__image{order:2}.hero__content{order:1}.hero__image,.hero__content{grid-column:span 6;min-width:100%}}.hero__image *{width:100%;margin-block-end:0}