Какие шаги нужно предпринять, чтобы создать это с использованием HTML и CSS?

1. Создание HTML структуры:
   - Создайте основной HTML файл.
   - Добавьте необходимые теги для разметки контента (например, заголовки, параграфы, изображения).
   - Добавьте ссылку на файл стилей CSS.

2. Создание CSS стилей:
   - Создайте файл стилей CSS.
   - Оформите элементы страницы с помощью CSS (цвета, шрифты, размеры, отступы и т. д.).
   - Используйте селекторы для стилизации элементов (классы, идентификаторы, псевдоэлементы).

3. Размещение контента:
   - Добавьте контент на страницу (текст, изображения, ссылки).
   - Расположите контент с помощью CSS (позиционирование, отступы, выравнивание).

Оформление дизайна из Figma:
1. Создание структуры:
   - Используйте Figma для создания макета дизайна.
   - Определите цвета, шрифты, размеры и отступы элементов.

2. Экспорт дизайна:
   - Экспортируйте изображения и текст из Figma.
   - Используйте полученные данные в HTML и CSS для воссоздания дизайна.

3. Применение стилей:
   - Используйте CSS для стилизации элементов в соответствии с дизайном из Figma.
   - Используйте цвета, шрифты и отступы, определенные в макете.

Фоновой картинкой. Попробовать варианты svg и webp, сравнить по производительности и размеру. 
 
 Если делать такие большие блюры на css, будут сильные лаги на странице.