.block-about-hero.has-background,
.editor-styles-wrapper .block-about-hero.has-background {
	padding: 0;
}

.block-about-hero {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.block-about-hero > * {
	flex-basis: 300px;
	flex-grow: 1;
}

.block-about-hero__content {
	align-self: center;
	padding: 24px;
}

.block-about-hero__image img {
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.block-about-hero__image .wp-block-image {
	height: 100%;
}