CSS анимация делает прыжок в конце

Question

Эта проблема возникает на https://courses.javacodegeeks.com/, на верхней панели, после завершения анимации происходит переход к началу. Есть ли какой-нибудь способ снова показать первый и остальные элементы без перехода после его завершения, только с CSS? CSS:

.latest-course{
          margin-right:32px;
          display:inline-block;
          z-index:1;
          transform: translate3d(0, 0, 0);
          max-width:500px;
          cursor:context-menu;
 }
 #scroll-latest-courses:hover{
             animation-play-state:paused;
  }
 #scroll-latest-courses{
      padding:6px;
      white-space:nowrap;
      display:inline-block;
      animation: anime 50s linear 1s infinite;
      transform: translate3d(0, 0, 0);
 }

 @keyframes anime{
     100%{transform:translateX(-2500px);}
  }