.c-txt-image-edito {
	margin: 6rem 0;
	container-type: inline-size;
}

.c-txt-image-edito__inner {
	display: flex;
	align-items: center;

	@container (min-width: 1024px) {
		gap: 8rem;
	}

	@container (min-width: 768px) and (max-width: 1023px) {
		gap: 4rem;
	}

	@container (min-width: 768px) {
		flex-direction: row-reverse;

		.c-txt-image-edito--reversed & {
			flex-direction: row;
		}
	}

	@container (max-width: 767px) {
		flex-direction: column;
		gap: 3rem;
	}
}

.c-txt-image-edito__picture {
	border-radius: 10px;
	display: block;
	overflow: hidden;

	@container (min-width: 768px) {
		flex: 0 0 44%;
	}
}

.c-txt-image-edito__rich-text {
	flex-grow: 1;
}

.c-txt-image-edito__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}