[data-scroll] {
	will-change: transform;
}
.content_smooth {
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	padding: 0;
	counter-reset: figure; 
}

.content_smooth .item {
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	will-change: transform;
	overflow:hidden;
	background-color:#0d113f;
}

.content_smooth .item:nth-child(even)::before {
	right: 0;
}

.content_smooth .item__img-wrap {
	--aspect-ratio: 1/1.5;
	overflow: hidden;
	width: 500px;
	margin: 0 auto;
	padding-bottom: calc(100% / (var(--aspect-ratio)));
	max-width: 100%;
	will-change: transform;
	background-color:#0d113f;
}


.content_smooth .item.f1 .item__img-wrap {
	/*width: calc(100vw - 2rem);*/
	width: 100vw;
	--aspect-ratio: 1500/540;
}

	@media screen and (max-width: 767px) {
		.content_smooth .item.f1 .item__img-wrap {
			--aspect-ratio: 1500/1300;
		}
	}

.content_smooth .item.f2 .item__img-wrap {
	width: 70vw;
	--aspect-ratio: 1200/800;
}

	@media screen and (max-width: 767px) {
		.content_smooth .item.f2 .item__img-wrap {
			width: 100vw;
		}
	}

.content_smooth .item.f3 .item__img-wrap {
	min-width:33vw;
	max-width:520px;
	--aspect-ratio: 520/520;
}

	@media screen and (max-width: 999px) {
		.content_smooth .item.f3 .item__img-wrap {
			max-width:100%;
		}
	}

	@media screen and (max-width: 480px) {
		.content_smooth .item.f3 .item__img-wrap {
			/*width: 100vw;*/
		}
	}

.content_smooth .item.f4 .item__img-wrap {
	--aspect-ratio: 50/50;
}

.content_smooth .item:nth-child(4) .item__img-wrap {
	width: 800px;
	--aspect-ratio: 900/505;
}

.content_smooth .item:nth-child(5) .item__img-wrap {
	--aspect-ratio: 6/8;
}

.content_smooth .item:nth-child(7) .item__img-wrap {
	width: 900px;
	--aspect-ratio: 1000/749;
}

.content_smooth .item:nth-child(8) .item__img-wrap {
	width: 900px;
	--aspect-ratio: 1000/562;
}

.content_smooth .item:nth-child(9) .item__img-wrap {
	--aspect-ratio: 60/75;
}

.content_smooth .item__img {
	--overflow: 40px;
	height: calc(100% + (2 * var(--overflow)));
	top: calc( -1 * var(--overflow));
	width: 100%;
	position: absolute;
	background-image: var(--image);
	background-size: cover;
	background-position: 50% 0%;
	will-change: transform;
}

.content_smooth .item__img--t1 {
	--overflow: 60px;
}

.content_smooth .item__img--t2 {
	--overflow: 80px;
}

.content_smooth .item__img--t3 {
	--overflow: 120px;
}

.content_smooth .item__caption {
	padding: 2rem 1rem;
}

.content_smooth .item__caption-title {
	margin: 0;
}

.content_smooth .item__caption-copy {
	margin: 0;
}