.ds-e84fb52c-wrapper {
	display: flex;
	width: 100%;
	overflow: hidden;
	position: relative;
	--ds-speed: 20s;
}

.ds-e84fb52c-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}

.ds-e84fb52c-track {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ds-e84fb52c-img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.ds-e84fb52c-img img {
	width: 300px !important;
	height: 300px !important;
	display: block;
	object-fit: cover !important;
	border-radius: 20px !important;
}

/* Animations for continuous scroll (Vertical) */
.ds-e84fb52c-track.ds-up {
	animation: ds-e84fb52c-scroll-up var(--ds-speed) linear infinite;
}

.ds-e84fb52c-track.ds-down {
	animation: ds-e84fb52c-scroll-down var(--ds-speed) linear infinite;
}

@keyframes ds-e84fb52c-scroll-up {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-33.3333%);
	}
}

@keyframes ds-e84fb52c-scroll-down {
	0% {
		transform: translateY(-33.3333%);
	}
	100% {
		transform: translateY(0);
	}
}

/* Tablet Layout - Horizontal Stacked */
@media (max-width: 1100px) and (min-width: 768px) {
	.ds-e84fb52c-wrapper {
		flex-direction: column;
	}

	.ds-e84fb52c-col {
		flex-direction: row;
		width: 100%;
		height: 50%;
	}

	.ds-e84fb52c-track {
		flex-direction: row;
		width: max-content;
		height: 100%;
	}

	.ds-e84fb52c-img {
		flex-shrink: 0;
		height: 100%;
		width: auto;
	}

	.ds-e84fb52c-track.ds-up {
		animation: ds-e84fb52c-scroll-left var(--ds-speed) linear infinite;
	}

	.ds-e84fb52c-track.ds-down {
		animation: ds-e84fb52c-scroll-right var(--ds-speed) linear infinite;
	}

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

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

/* Mobile Layout - Single Column/Row */
@media (max-width: 767px) {
	.ds-e84fb52c-wrapper {
		flex-direction: column;
	}

	.ds-e84fb52c-col:nth-child(2) {
		display: none;
	}

	.ds-e84fb52c-col {
		flex-direction: row;
		width: 100%;
		height: 100%;
	}

	.ds-e84fb52c-track {
		flex-direction: row;
		width: max-content;
		height: 100%;
	}

	.ds-e84fb52c-img {
		flex-shrink: 0;
		height: 100%;
		width: auto;
	}

	.ds-e84fb52c-img img {
		width: 150px !important;
		height: 225px !important;
		border-radius: 20px !important;
	}

	.ds-e84fb52c-track.ds-up,
	.ds-e84fb52c-track.ds-down {
		animation: ds-e84fb52c-scroll-left var(--ds-speed) linear infinite;
	}

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