/* (A) FORCE ALL ITEMS INTO SINGLE ROW */
.hmove { display: flex; }
.hitem { width: 100%; flex-shrink: 0; }
.hwrap { overflow: hidden; }

/* (B) MOVE ITEMS FROM RIGHT TO LEFT */
/* first item = 0, fourth item = -300% */
@keyframes tickerh {
  0% { transform: translatex(100%); }
  100% { transform: translatex(-100%); }
}
.hmove { animation: tickerh linear 20s infinite; }
.hmove:hover { animation-play-state: paused; }

/* (X) COSMETICS - NOT IMPORTANT */
.hwrap {
  max-width: 600px; /* highly recommended */
}
.hitem { 
  text-align: center;
}
.hwrap, .hwrap * { box-sizing: border-box; }