LOOP marque webflow

CSS CODE:

<style>

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

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

.marquee_image-list.top-list{
animation: loop-marquee 30s linear infinite
}

.marquee_image-list.bottom-list{
animation: loop-marquee-reverse 35s linear infinite
}

</style>

SCREEN SHOTS FOR LAYOUT: