.page-hero {
	padding-block: 50px;
	background-color: var(--color-primary);
	color: #FFF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.page-hero h1{
	margin-bottom: 10px;
}

.page-hero .container > *:not(.page-hero__img){
	position: relative;
	z-index: 1;
}

.page-hero .rank-math-breadcrumb {
	padding: 0;
}

.page-hero img.page-hero__img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 480px) {
	.page-hero {
		padding-block: 20px;
	}

	.page-hero h1 {
		margin-bottom: 5px;
	}
}