.block-about {
	container-type: inline-size;
	container-name: block-about;
	--cwp-image: 344px;
	position: relative;
	align-items: center;
}

.block-about__inner {
	max-width: 600px;
	margin-inline: auto;
}

div.block-about div.block-about__inner,
.editor-styles-wrapper div.block-about div.block-about__inner {
	gap: 40px;
}

.block-about__content {
	flex-basis: 0;
	flex-grow: 1;
	grid-area: content;
}

.block-about__image {
	margin-inline: calc( -1 * var(--wp--custom--layout--padding));
	grid-area: image;
}

.sidebar-primary .block-about__image {
	margin-inline: 0;
}

@container (min-width: 600px) {
	.block-about__inner {
		display: grid;
		grid-template-columns: 1fr var(--cwp-image);
		grid-template-areas: 'content image';
		align-items: center;
		max-width: 100%;
	}

	div.block-about div.block-about__content {
		margin-block-start: 0;
		margin-inline: auto;
		width: 100%;
		max-width: 536px;
	}
}