CSS divs бесконечный цикл, эффект pacman ⇐ CSS

[Anonymous]

У меня есть контейнер и 6 элементов div внутри. Каждый элемент div имеет ширину 30 рем и высоту 30 рем.

Код: Выделить всё

.container {
display: flex;
gap: 1rem;
}

.container > div {
width: 25rem;
height: 25rem;
}

Как я могу создать анимацию, в которой каждый дочерний элемент div будет двигаться влево, как бесконечное преобразование: TranslateX(-), но он выходит за пределы экрана и телепортируется Направо. Как в pacman, где если пойти в одну сторону, то вернуться с другой. Мне нужен этот эффект, но бесконечный.

Подробнее здесь: https://stackoverflow.com/questions/783 ... man-effect