Разработка анимаций в формате SVG

Всем доброго дня!

Задача: Требуется нарисовать и анимировать водяные знаки в формате SVG, которые в последствии будут в виде слоя размещаться поверх аватарок пользователей на нашем сайте.

Виды водяных знаков:

1. Поцелуи - случайным образом появляются

2. Звёзды (блески) - случайным образом появляются

3. Капли - эффект запотевшего стекла

4. Огонь - языки огня выбивающиеся с низу.

5. Сердечки - случайным образом появляются

6. Конфетти - случайным образом падают (сыпятся) сверху

7. Zzzz (сон) - появляется из центра (типа человек спит, засыпает)

8. Ноты - вылетают с низу из центра

9. Солнце и вода - в правом верхнем углу солнышко, а снизу иногда вылетают брызги воды.

Важно: svg должен быть в квадрате и он может сужаться и растягиваться в зависимости от размеров аватара (без потери качества).

[!!!] Важно: анимация должна быть написана на CSS или SMIL. По итогу нужны SVG файлы, которые можно добавлять на сайт с помощью html тега img.

Пример по стилю и формату анимации можно посмотреть пакеты стикеров в телеге:

- Captain Whale

- Hippos

- Jake

Банально, но: при успешно выполненной работе - готовы ещё много работы накинуть в этом направлении.

Заранее всем спасибо за предложения. Если будут вопросы или предложения, пишите!