Адаптивная вёрстка по макету Adobe XD

Сверстать 4 страницы с адаптивной мобильной версией. Пример страницы приложен.
Требования:
- Чистая вёрстка на выходе (без картинок, вместо размытого фона и т.д.)
- Нужно использовать возможности Adobe XD и сделать стили в том числе для реализованных эффектов, состояний и т.д.
- Нужно использовать Flex или Grid технологию
- Можно...