.block-ci {
	display: flex;
	flex-wrap: wrap;
	column-gap: 80px;
	row-gap: 16px;
	align-items: center;
}

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

.block-ci > .block-ci__image {
	flex-basis: 350px;
	flex-grow: 0;
}

@media screen and (max-width: 767px) {
	
	.block-ci > .block-ci__image {
		flex-basis: 100%;
	}
	
}

.block-ci--reverse {
	flex-direction: row-reverse;
}