.hb-moving-content {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 12s linear infinite;
  will-change: transform;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.hb-moving-content:hover {
  animation-play-state: paused;
}