.infinite-gallery {
	--animation-speed: 25s;

	.text_box {
		max-width: 600px;
		margin: 0 auto 56px;

		p {
			margin-top: 32px;
		}
	}

	.row {
		position: relative;
		display: flex;
		overflow: hidden;
	}

	.row-2 {
		margin-top: 16px;
	}

	.track {
		flex-shrink: 0;
		display: flex;
		gap: 16px;
		animation: scroll-left var(--animation-speed) linear infinite;
	}

	.row-2 .track {
		justify-content: flex-end;
		animation: scroll-right var(--animation-speed) linear infinite;
	}

	.img_box {
		height: 260px;
		flex-shrink: 0;
		border-radius: 16px;
		overflow: hidden;

		img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
		}
	}

	@media(min-width: 1200px) {
		.img_box:nth-child(3n + 1) {
			width: 524px;
		}

		.img_box:nth-child(3n + 2) {
			width: 416px;
		}

		.img_box:nth-child(3n + 3) {
			width: 308px;
		}
	}

	@media(max-width: 1199px) {
		.text_box {
			max-width: 460px;
			margin-bottom: 32px;

			br {
				display: none;
			}
		}

		.img_box {
			width: 255px;
		}
	}
}

@keyframes scroll-left {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}

@keyframes scroll-right {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0%);
	}
}