.block-intro {
	--cwp-intro-image: 150px;
}

.block-intro.cwp-large,
.block-intro.cwp-large.has-background,
.editor-styles-wrapper .block-intro.has-background {
	padding: 24px;
}

.full-width-content .block-intro .block-intro__image.wp-block-image.alignright,
.editor-styles-wrapper .wp-block-group:not(.is-layout-constrained) > .block-intro__image.wp-block-image.alignright {
	float: right;
	margin: 24px 0 16px 16px;
	max-width: var(--cwp-intro-image);
}

.full-width-content .block-intro .block-intro__image.wp-block-image.alignright img,
.editor-styles-wrapper .wp-block-group:not(.is-layout-constrained) > .block-intro__image.wp-block-image.alignright img {
	border-radius: 50rem;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.block-intro {
		--cwp-intro-image: 260px;
	}

	.block-intro.cwp-large,
	.block-intro.cwp-large.has-background,
	.editor-styles-wrapper .block-intro.has-background {
		padding: 32px;
	}

	p.is-style-heading {
		margin-right: calc(var(--cwp-intro-image) + 24px);
	}

	.full-width-content .block-intro .block-intro__image.wp-block-image.alignright,
	.editor-styles-wrapper .wp-block-group:not(.is-layout-constrained) > .block-intro__image.wp-block-image.alignright {
		margin: -24px 0 24px 24px;
	}
}