#hero .wrapper {
	isolation: isolate;
}

#hero .wrapper .hero-background {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(1rem, 3vw, 2rem);
	pointer-events: none;
}

#hero .wrapper .hero-background img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	max-width: 100%;
	max-height: 100%;
}

#hero .wrapper .content {
	position: relative;
	z-index: 2;
}

#hero .wrapper .deco {
	z-index: 1;
}