.block--page-hero {
	position: relative;
	padding: 48px 0;
	background: var(--wp--preset--gradient--gradient-1);
	isolation: isolate;
}

.block--page-hero--inner {
	position: relative;
	z-index: 1;
}

.block--page-hero h1 i {
	color: var(--wp--preset--color--turquoise);
}

.block--page-hero--bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	overflow: hidden;
	height: 100%;
	width: 50%;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 768px) {
	.block--page-hero--bg {
		width: 40%;
	}
}

.block--page-hero--bg svg {
	height: 100%;
	width: auto;
	mix-blend-mode: multiply;
}