Передвижение элемента на JS

Здравствуйте у меня есть вот такой код на html и такие стили к нему:

CSS:

У меня этот кружочек(child-block) в блоке c помощью анимации крутится, мне нужно с помощью рекурсии увеличивать свойство left, чтобы кружочек двигался с начала блока и налево, когда доходил конца блока, он останавливался, но чтобы анимация всегда работала