.intro-content {
}
.intro-content--item {
}
.intro-content--item .item--inner {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	gap: 1.5rem;

	.intro-content--text {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
}
.intro-content--heading {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;

	i,
	svg {
		color: var(--color-link-hover);
	}
}
.intro-content--item .intro-content--media {
}
.intro-content--item .intro-content--media img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.intro-content--item .intro-content--text {
	*:last-child,
	*:last-of-type {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 900px) {
	.intro-content--item .item--inner {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 3rem;
	}
	.intro-content--item .intro-content--media {
		flex: 1;
		order: 1;
		max-width: 20%;
	}
	.intro-content--item .intro-content--text {
		padding: 0;
		flex: 1;
		order: 2;
	}
	.intro-content--item.item__right-align .intro-content--media {
		order: 2;
	}
	.intro-content--item.item__right-align .intro-content--text {
		padding: 0 3em 0 0;
		order: 1;
	}

	.intro-content--item[data-size='50-50'] .intro-content--media {
		max-width: 50%;
	}
	.intro-content--item[data-size='60-40'] .intro-content--media {
		max-width: 40%;
	}
	.intro-content--item[data-size='70-30'] .intro-content--media {
		max-width: 30%;
	}
}