/* (A) FIXED WRAPPER */
.hwrap {
  overflow: hidden;
  /* HIDE SCROLL BAR */

}

/* (B) MOVING TICKER WRAPPER */
.hmove {
  display: flex;
  align-items: center;
  justify-content: space-between;

}

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */


/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
@keyframes tickerh {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  100% {
    transform: translate3d(-400%, 0, 0);
  }
}

.hmove {
  animation: tickerh linear 20s infinite;
}

.hmove:hover {
  animation-play-state: paused;
}