Animacja zdjęcia na stronę www w JavaScript

Cześć,

potrzebuję animację na stronę. Sposób działania opisałem w filmie: https://www.loom.com/share/7543d5936bae4738ae2e796a25ab9d65?sid=b0726dca-c7c7-4df8-a00c-6bb9dcb57346

Strona działa na platformie Webflow.

Kilka uwag:

1. pikseloza ma znikać płynnie

2. chciałbym, aby animacja działała na każdym zdjęciu z klasą CSS: "animate-image"

3. na początku kodu chcę mieć możliwość ustawienia zmiennych dla:

- wielkości koła,

- wielkości piksela,

- czasu znikania pikselozy.

4. potrzebuję mieć możliwość ustawienia każdy z parametrów z pkt 3. dla różnych brakepoint:

- desktop,

- tablet,

- mobile-landscape,

- mobile-portrait.

UWAGA! Kod potrzebuję uzyskać w tym tygodniu.