Как сделать движущиеся слайды в карусели

Создай один самодостаточный index.html с анимированной каруселью. Используй HTML, CSS, SVG и JavaScript без внешних библиотек. Добавь кнопки переключения слайдов, воспроизведения, паузы и повтора перехода. Каждый слайд вертикальный, пропорции 4:5. При повторе перехода воспроизведи первые два слайда подряд по общему времени без разрыва.

Тема: [здесь напиши, о чём твоя карусель и кому она нужна]
Тексты по слайдам: [здесь вставь заголовок и короткий текст каждого слайда по порядку]
Количество слайдов: [здесь укажи число слайдов]
Оформление: [здесь опиши цвета, шрифт и настроение или приложи свой образец]
Главный движущийся элемент: [здесь опиши волну, линию, кольцо или другую форму]
Подпись автора: [здесь вставь свой ник или напиши «без подписи»]

Сохраняй одну сетку, крупный читаемый текст и свободные поля. У каждого слайда одно главное действие. Текст не должен закрываться движущейся графикой.
Первые два слайда свяжи одним движущимся элементом. Сделай их частями одной общей сцены: первый от 0 до 5 секунд, второй от 5 до 10 секунд. На границе T=5 должны совпасть форма, размер, цвет и координаты по X и Y. Продолжай движение в том же направлении и с той же скоростью, без сброса фазы. Не скрывай скачок затуханием или сменой картинки.
Остальные слайды сделай плавно зацикленными по 5 секунд. Если есть слайд с дыханием плашек, сделай его длиной 7,2 секунды: два цикла по 3,6 секунды, равномерный масштаб от 1 до 1.035 и обратно, тонкая синхронная тень, сдвиг соседних плашек на 0,4 секунды. Контур и пропорции сохраняются. Во втором цикле на 5,2 секунды указатель нажимает нижнюю плашку: масштаб 0.97, краткая оранжевая заливка, затем возврат цвета и дыхания.
Смысл раскрывай по нарастанию: начало открывает вопрос, следующие слайды добавляют пользу, последний даёт ответ. Сначала покажи карту слайдов и пробную связанную пару, чтобы оценить движение до сборки всей карусели.

После согласования пробной пары выдай полный код без сокращений. Если можешь прикреплять файлы, приложи index.html. Иначе выдай код одним блоком и объясни, как сохранить его в файл index.html. HTML должен открываться в браузере. Не называй HTML видеофайлом MP4.

Оставь всё движение и тайминги как есть, тексты не меняй. Доведи дизайн до уровня образца на картинке.
Шрифт заголовков: [здесь назови шрифт, например узкий крупный Bebas Neue]
Цвета: [здесь опиши фон и акцентный цвет, например тёмный и кремовый фон через слайд, оранжевый акцент]
Движущийся элемент: [здесь опиши, каким он должен стать, например волна с переливом и мягким свечением]
Выдай полный обновлённый index.html

Сохрани каждый слайд отдельным MP4: 1080x1350, 30 кадров в секунду, без звука, длительность как в index.html. Отрисуй кадры без браузера, например в Python, по тем же формулам движения из index.html. Последний кадр слайда 1 и первый кадр слайда 2 должны совпасть. Перед выдачей покажи мне картинками по 3 кадра из каждого видео и проверь, что текст не перекрывается графикой

Собери анимированную карусель в открытой папке проекта. Нужны отдельные видеофайлы для слайдов и HTML-превью, в котором можно посмотреть переход первых двух слайдов и поставить анимацию на паузу.

Тема: [здесь напиши, о чём твоя карусель и кому она нужна]
Тексты по слайдам: [здесь вставь заголовок и короткий текст каждого слайда по порядку]
Количество слайдов: [здесь укажи число слайдов]
Оформление: [здесь опиши цвета, шрифт и настроение или приложи свой образец]
Главный движущийся элемент: [здесь опиши волну, линию, кольцо или другую форму]
Подпись автора: [здесь вставь свой ник или напиши «без подписи»]

Сохраняй одну сетку, крупный читаемый текст и свободные поля. У каждого слайда одно главное действие. Текст не должен закрываться движущейся графикой.
Первые два слайда свяжи одним движущимся элементом. Сделай их частями одной общей сцены: первый от 0 до 5 секунд, второй от 5 до 10 секунд. На границе T=5 должны совпасть форма, размер, цвет и координаты по X и Y. Продолжай движение в том же направлении и с той же скоростью, без сброса фазы. Не скрывай скачок затуханием или сменой картинки.
Остальные слайды сделай плавно зацикленными по 5 секунд. Если есть слайд с дыханием плашек, сделай его длиной 7,2 секунды: два цикла по 3,6 секунды, равномерный масштаб от 1 до 1.035 и обратно, тонкая синхронная тень, сдвиг соседних плашек на 0,4 секунды. Контур и пропорции сохраняются. Во втором цикле на 5,2 секунды указатель нажимает нижнюю плашку: масштаб 0.97, краткая оранжевая заливка, затем возврат цвета и дыхания.
Смысл раскрывай по нарастанию: начало открывает вопрос, следующие слайды добавляют пользу, последний даёт ответ. Сначала покажи карту слайдов и пробную связанную пару, чтобы оценить движение до сборки всей карусели.

После согласования пробной пары собери всю серию. Экспортируй каждый слайд отдельно: MP4, H.264, 1080x1350, 30 кадров в секунду, без звука. Для слайда 7,2 секунды нужны 216 кадров, для пятисекундного 150. Сохрани исходники и короткую инструкцию повторного запуска.
Проверь граничные состояния первых двух слайдов при общем T=5, а также последний экспортированный кадр первого видео и первый кадр второго. Учитывай шаг времени в 1/30 секунды: движение может продолжаться, но не должно прыгать. Покажи 10-секундную склейку и кадры стыка. Для статичной иллюстрации используй общую граничную форму, чтобы положение элемента не менялось между картинками.
Проверь петли, читабельность на телефоне и отсутствие наложений. Открой экспортированные видео, проверь размер, частоту кадров, длительность и отсутствие звука. Покажи мне файлы и превью. Не публикуй их без моего решения.