section.hero {
	position: relative;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    align-items: center;
    margin-top: -3rem !important;
}

body:not(.single) section.hero:before {
	content: '';
    position: absolute;
	bottom: 0;
    background: linear-gradient(0deg, var(--tertiary), var(--background-dark) 60%);
    width: 100vw;
    justify-self: center;
    z-index: -1;
	height: 100vh;
}

body.single section.hero img {
	aspect-ratio: 1;
}