.marquee {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

.marquee-scrolling-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  /* border: 1px solid red; */
}

.marquee-scrolling-container.animated {
  /* transition: transform linear 1s; */
}

.marquee-scrolling-container.animated-disable {
  transition: none !important;
}

/*  add animation to container */
.marquee-scrolling-container.animated {
  animation: marquee 600s linear infinite;
}

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