*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body{
	height:100vh;
	display:flex;
	justify-content:center;
}


.marquee{
	width:100%;
	height:150px;
	overflow:hidden;
}

.marquee-content{
	display:flex;
	list-style:none;
	animation: scrolling 10s linear infinite;
}

.marquee-item{
	height:150px;
	width:200px;
	flex-shrink:0;
}

.marquee-image{
	height:100%;
	width:100%;
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-1000px); }
}