.block-about__content {
	background: var(--wp--preset--color--background);
}

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

.block-about__content {
	padding: var(--wp--custom--layout--block-gap);
	position: relative;
	z-index: 1;
}

.block-about__image {
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 599px) {
	.block-about__image {
		margin-left: calc( -1 * var(--wp--custom--layout--padding) );
		margin-right: calc( -1 * var(--wp--custom--layout--padding) );
		max-width: 100vw;
	}

	.block-about.has-background {
		padding-bottom: 16px;
	}

	.block-about__content .is-style-interface {
		padding-top: 4px;
		margin-bottom: 8px;
	}

	.block-about__content {
		margin: -42px 16px 0;
	}
}

@media only screen and (min-width: 600px) {

	.block-about__inner {
		position: relative;
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		grid-template-areas: 'content image';
		justify-content: center;
	}

	.block-about__inner > * {
		max-width: 524px;
	}

	.site-main .block-about__content,
	.block-area:not(.block-area-sidebar) .block-about__content {
		padding: var(--wp--custom--layout--block-gap-large);
		position: relative;
		margin-block: 40px;
		margin-right: calc( -1 * var(--wp--custom--layout--block-gap-large) );
		margin-left: auto;
		grid-area: content;
	}

	.site-main .block-about__image,
	.block-area:not(.block-area-sidebar) .block-about__image {
		position: relative;
		height: 100%;
		width: 100%;
		margin-right: auto;
		grid-area: image;
	}

	.site-main .block-about__image img[style],
	.block-area:not(.block-area-sidebar) .block-about__image img[style] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		aspect-ratio: auto !important;
		object-fit: cover;
	}

	.block-area-sidebar .block-about__inner {
		display: block;
		padding-bottom: 16px;
	}

	.block-area-sidebar .block-about__content {
		margin: -16px 16px 0;
	}

}