.abouthero{
	position: relative;
	background: var(--wp--preset--color--blue-extra-light);
}
.abouthero .text{
	padding: 24px 0;
}
.abouthero .image{
	margin-right: var(--snap);
}
.abouthero .extra-grid{
	display: grid;
	height: 100%;
	grid-template-rows: 1fr auto 1fr;
}

@media( max-width: 991px ){
	.abouthero .extra-grid{
		display: block;
	}
	.abouthero .text{
		padding-bottom: 0;
	}
}