div.container {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	justify-content: center;
	align-items: top;
	overflow: auto;
}
div.container div {
	width: 30%;
	min-width: 350px;
	max-width: 500px;
	box-sizing: border-box;
}
.marquee {
	display: flex;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.marquee__item {
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-name: marquee-content;
	animation-timing-function: linear;
	padding: 5px 0px 5px 5px;
	color: rgb(66, 72, 92);
}
.stripe {
	position: static;
	bottom: 0px;
	width: 100%;
	height: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -10px;
	background: linear-gradient(
		to right,
		#495427 0%, 	#495427 12.5%,
		#53204E 12.5%, 	#53204E 25%,
		#4F5420 25%, 	#4F5420 37.5%,
		#54494D 37.5%, 	#54494D 50%,
		#452059 50%, 	#452059 62.5%,
		#455400 62.5%, 	#455400 75%,
		#000000 75%, 	#000000 87.5%,
		#000000 87.5%, 	#000000 100%
	);
}
@keyframes marquee-content {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-100%);
	}
}