.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:center;>*{grid-column-start:1}>*{grid-row-start:1}}.hero-overlay{grid-column-start:1;grid-row-start:1;height:100%;width:100%;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .5 }.hero-content{max-width:80rem;gap:1rem;padding:1rem;z-index:0;display:flex;align-items:center;justify-content:center}