.support-scouting-module {
	background: url('trail-right-loop.png') no-repeat top right var(--gray-lighter);
	container-type: inline-size;
	container-name: supportscouting;
	position: relative;
	overflow: hidden;
}

.support-scouting-module__inner-wrap {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	gap: 28px 80px;
}

.support-scouting-module__images-wrap {
	flex: 1 1 100%;
	display: grid;
	grid-template-areas: "left right";
	gap: 28px;
	padding: 28px 0;
	container: spimages / inline-size;
}

.support-scouting-module__images-wrap > *:first-child {
	grid-area: left;
}

.support-scouting-module__images-wrap > *:last-child {
	grid-area: right;
}

.support-scouting-module__images-col {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	gap: 28px;
}

.support-scouting-module__image {
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	aspect-ratio: 378 / 445;
}

.support-scouting-module__image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center center;
	width: 100% !important;
	height: 100% !important;
}

.support-scouting-module__body {
	flex: 1 1 100%;
	padding: 0 0 100px;
	text-align: center;
}

.support-scouting-module__title {
	max-width: 650px;
}

@media (max-width: 992px) {
	.support-scouting-module__title:before {
		left: 50% !important;
		transform: translateX(-50%);
	}
}

@media (min-width: 992px) {
	.support-scouting-module__images-wrap {
		flex: 1 1 calc(40% - 40px);
		padding: 0;
	}

	.support-scouting-module__body {
		flex: 1 1 calc(60% - 40px);
		text-align: left;
		padding: 100px 0;
	}

	.support-scouting-module__images-wrap > *:first-child {
		margin-top: -10cqw;
		margin-bottom: 10cqw;
	}

	.support-scouting-module__images-wrap > *:last-child {
		margin-top: 10cqw;
		margin-bottom: -10cqw;
	}

	.support-scouting-module {
		background: url('trail-left.png') no-repeat 0 100%, url('trail-right-loop.png') no-repeat right top var(--gray-lighter);
	}
}

@media (min-width: 1800px) {
	.support-scouting-module__images-wrap {
		margin-left: -100px;
		flex: 1 1 calc(40% + 60px);
	}

	.support-scouting-module__images-wrap > *:first-child {
		margin-top: -15cqw;
		margin-bottom: 15cqw;
	}

	.support-scouting-module__images-wrap > *:last-child {
		margin-top: 15cqw;
		margin-bottom: -15cqw;
	}
}