.marquee {
   overflow: hidden; 
}

.marquee-content {
  display: flex;
  animation: scrolling 30s linear infinite;
}

.marquee-item {
  flex: 0 0 15vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}

.marquee-item img {
  display: block;
  width: 100%;
/*   padding: 0 20px; */
}

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


@media (max-width: 1098px) {
.marquee-item {
  flex: 0 0 20vw;
  margin: 0 1.5vw;
}	
}


@media (max-width: 766px) {
.marquee-item {
  flex: 0 0 33vw;
  margin: 0 2vw;
}	
}