.block-header {
	background: var(--wp--custom--color--purple);
	color: #fff;
	text-align: center;
	position: relative;
}

.block-header__image {
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.block-header__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-header__content {
	position: relative;
	z-index: 2;
	padding: 30px 16px;
	max-width: 1032px;
	margin: 0 auto;
	font-size: clamp( 19px, 2vw, 22px );
}

.block-header h1,
.block-header a {
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.block-header__content {
		padding: 60px 16px;
	}
}