Разработка SVG-анимации с цикличным движением

Суть задачи

Необходимо создать непрерывную анимацию для двух векторных изображений (SVG), например, коровы, движущейся по конвейерной ленте.

Требования к анимации:

  • Цикличность: Анимация должна работать бесконечно по замкнутому циклу.
  • Схема движения: Объект (картинка 1) перемещается по заданной траектории (конвейеру) слева направо.
  • Эффект исчезновения: В конце пути первая картинка плавно становится прозрачной (эффект затухания).
  • Эффект появления: Вторая, идентичная картинка одновременно плавно появляется в начале пути (эффект проявления).
  • Синхронизация: Процессы исчезновения первой и появления второй картинки должны быть синхронизированы, создавая иллюзию непрерывного движения одного объекта по конвейеру.

Технические требования:

  • Анимация реализуется для двух предоставленных SVG-файлов.
  • Код должен быть чистым и легко интегрируемым.
  • Движение и изменение прозрачности должны быть плавными.

Ожидаемый результат:

Готовая, рабочая анимация, в которой объект бесконечно "едет" по конвейеру, исчезая в конце и тут же появляясь в начале, создавая непрерывный цикл.