.marquee-wrapper {

  overflow: hidden;
}

.marquee {	
  display: flex;
  animation-name: marquee;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: normal;
  white-space:nowrap;
  transform: translateX(0);
  img {
    padding: 0em;
  }
}

.marquee-1 {	
  display: flex;
  animation-name: marquee-1;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: normal;
  white-space:nowrap;
  transform: translateX(0);
  img {
    padding: 0em;
  }
}



@keyframes marquee {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}

@keyframes marquee-1 {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}