.scroll-parent {
  position: relative;
  width: 100%;
  height: 5rem;
  
}

.scroll-element {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0%;
  top: 0%;
  animation: primary 150s linear infinite;
  white-space: nowrap;
}
.primary {
  animation: primary 150s linear infinite;
}

.secondary {
  animation: secondary 150s linear infinite;
}

@keyframes primary {
  from {
    left: 0%;
  }
  to {
    left: -1000%;
  }
}

@keyframes secondary {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}