#hero {background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; position: relative}:where(#hero > *) {position: relative}#hero::before {background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}