.block-ci__content {
	background-color: var(--wp--preset--color--nonary);
	padding: var(--wp--custom--layout--block-gap-large);
}

.block-ci .block-ci__inner,
.editor-styles-wrapper .block-ci .block-ci__inner {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "pile";
}

.block-ci__image,
.block-ci__content {
	grid-area: pile;
}

.block-ci .block-ci__image,
.editor-styles-wrapper .block-ci .block-ci__image {
	max-width: 600px;
	margin-right: 50%;
}

.block-ci .block-ci__content,
.editor-styles-wrapper .block-ci .block-ci__content {
	max-width: 700px;
	margin-left: 42%;
}

.block-ci--reverse .block-ci__image,
.editor-styles-wrapper .block-ci--reverse .block-ci__image {
	margin-right: 0;
	margin-left: 50%;
}

.block-ci--reverse .block-ci__content,
.editor-styles-wrapper .block-ci--reverse .block-ci__content {
	margin-right: 42%;
	margin-left: 0;
}

.block-ci__subtitle,
.editor-styles-wrapper .block-ci__subtitle {
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--letter-spacing--looser);
	line-height: var(--wp--custom--line-height--small);
	font-family: var(--wp--preset--font-family--system-sans-serif);
}

@media only screen and (max-width: 767px) {
    .block-ci .block-ci__inner {
        display: block;
    }

    .block-ci .block-ci__image,
	.editor-styles-wrapper .block-ci .block-ci__image {
		margin: 0;
		max-width: 100%;
	}

    .block-ci .block-ci__content,
    .editor-styles-wrapper .block-ci .block-ci__content {
    	padding: var(--wp--custom--layout--block-gap);
    	position: relative;
    	margin: calc(-1 * var(--wp--custom--layout--block-gap)) var(--wp--custom--layout--block-gap) 0;
    }
}