body {
	/*background-color: #2E3537;*/
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrapper {
	/*background-color: #E1E2E2;*/
	height: 130px;
	overflow: hidden;
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.wrapper:before, .wrapper:after {
	content: "";
	position: absolute;
	
	width: 220px;
	z-index: 2;
}

.wrapper:after {
	right: 0;
	top: 0;
	transform: rotateZ(360deg);
}

.wrapper:before {
	left: 0;
	top: 0;
}

.wrapper .track {
	display: flex;
	width: calc(220px * 10);
	animation: scroll 15s 0.5s linear infinite;
}

.track:hover {
  animation-play-state: paused;
}
.wrapper .logo:hover {
	height: 104px;
	padding: 1px;
}
.wrapper .logo {
	width: 220px;
	padding: 4px;
}

.wrapper .logo img {
	height: 90px;
}


@keyframes  scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-150px * 5));
	}
}