Template:Hero/style.css

.mediawiki:not(.citizen-body-header--sticky) header.mw-body-header {
	align-items: flex-start;
}

.mediawiki:not(.citizen-body-header--sticky) header.mw-body-header .page-heading {
	margin-top: 8rem;
	padding-left: 3rem;
	text-shadow: 0px 0px 10px var(--color-surface-0);
}

.hero {
	height: 200px;
	margin-top: -10.5rem;
	position: relative;
}

.hero::after {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(29, 35, 48, 0.9) 0%, rgba(29, 35, 48, 0) 100%);
	border-radius: var(--border-radius--large);
	position: absolute;
	left: 0;
	top: 0;
}

.hero .hero-pic {
	border-radius: var(--border-radius--large);
	object-fit: cover;
	height: 100%;
	width: 100%;
}