HTML верстка простого лендинга

Проект: https://www.figma.com/design/dVPDuUmuPxpl4vHvJiJJtW/LindexTime?node-id=0-1&t=zPajK7AbM2xqksIf-1
Верстка должна быть легкой и чистой. Она не должна подвисать, зацикливаться, выдавать ошибки, ломаться и так далее. Верстка должна быть аккуратной и плавной при пользовании лендингом. Пользователь не должен ощущать неудобства находясь на сайте в большинстве популярных браузерах. Пример: https://yootheme.com/, https://portfolio.fcbteam.xyz/billgang/
Сверстанный лендинг перейдет разработчикам, которые работаю внутри компании и они будут его ставить на свою кастовую админку. У них не должны возникать трудности или проблемы. Поэтому решения должны быть максимально стандартные и понятные любому человеку.
Анимация. Как таковой анимации элементов нет, но должна присутствовать современная и плавная анимация при скролле. А именно появление блоков через прозрачность, или с какой-то стороны (низ, право, лево) или масштабирование и так далее. Мы не стремимся забить сайт анимацией. Пользователь не должен ее ощущать, она лишь слегка дополняет сайт. Что-то похожее в этом проекте: https://satellite-ai.tilda.ws/ или в этом https://soobshenie.com/
Задний план. На заднем плане макета можно увидеть элементы: логотип и круги. Эти элементы не статичны. Они должны двигаться при скролле слегка. Схожий пример здесь: https://школаплюс-нск.рф/ в блоке почему родители и ученики выбирают нас?
5. Файлы для сдачи: архив с html, css, js файлами.