3 зацикленных анимации экрана приложения для сайта

Всем добрый день Проект - мобильное приложение для защищенного обмена файлами, доступно в Google Play. Сейчас для посадочной страницы делаем лендинг. На нем есть 3 блока с описанием основных функций (пример блока во вложении), и в них сейчас находятся статичные мокапы со скриншотами приложения Но их нужно проиллюстрировать динамично, в виде GIF анимаций, а не просто статичными мокапами, например экран настроек нужно показать целиком, а умещается в нормальном размере только часть экрана. Задумка такая, что мы сначала отображаем экран целиком, далее начинаем приближать нужные элементы, выполняем действия, далее экран возвращается на начальную позицию и все заново Есть описание шагов в документе: https://docs.google.com/document/d/1X-rJh6vh_3Fw_x-oVRvbmUGsF2zJaNkK0oMVDJxzScs/edit?usp=sharing (вкладка Шаги для GIF) Также есть примерная раскадровка в Figma, отправлю в сообщения. Есть такой пример анимации - https://family.co (блоки с телефонами, но у нас еще изменение масштаба) В отклике пожалуйста прикрепляйте примеры анимаций, будет здорово если есть примеры с мобильными интерфейсами