.intro-content {
}
.intro-content--item {
}
.intro-content--item .item--inner {
	display: block;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3rem;
}
.intro-content--item .intro-content--media {
    width: 100%;
}
.intro-content--item .intro-content--media img {
	width: 100%;
	max-width: 100%;
	height: auto;
    max-height: 400px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

@media screen and (min-width: 1000px) {
    .intro-content--item .intro-content--media img {
        max-height: 100%;
    }
	.intro-content--item .item--inner {
        flex-direction: row;
        gap: calc(20px + (60 - 20) * (100vw - 900px) / (1920 - 900));
	}
	.intro-content--item .intro-content--media {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		max-width: 20%;
	}
	.intro-content--item .intro-content--text {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.intro-content--item.item__right-align .intro-content--media {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.intro-content--item.item__right-align .intro-content--text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		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%;
	}
}