Нужно посмотреть весь макет и понять, то что помечено красными стрелками повторяется где-то ещё или нет и как ведет себя при адаптиве.
И решить, можно ли их слить вместе с мужиком.
Если нет, то можно ли их слить в одну SVG.
Если снова нет, то множественный фон с нужными bg position.
Мужик псевдоэлементом (ну или тоже фоном, как вам удобнее).
"Блюр" - обычно это какие-то размытые SVG.
Ставите их на фон.
Если сайт будет сильно тормозить от таких SVG, то заменить на png и не забыть про ретину и разные размеры.
Во-первых, у фигмы нет прав.
Во-вторых, разумнее прикрепить сюда скрин и убрать в спойлер.
В-третьих, ваш код выложить в песочницу, так чтобы можно было посмотреть и отредактировать.
Песочницы это сервисы типа codepen.io и jsfiddle.net.
Но jsfiddle сейчас из России работает только через впн, хоть я его и больше люблю для нужд Тостера (потому что он не требует регистрации и авторизации), так что его, возможно, не все смогут увидеть.
htmlclassic, думаю, имеет смысл почитать про БЭМ. Использовать потом можно как угодно.
Но в БЭМ хорошо описана система блоков и их элементов, кому какие свойства можно задавать и как переопределять.
Alekosh Akhosh, вариантов не так много:
1. Я выше написала, задать блоку min-height 100vh, убрать про 892. Тогда блок будет растягиваться по содержимому, если его много. А если мало, то занимать всю высоту окна.
2. Оставить 892, но убрать про 100vh.
3. Оставить и то и другое, но добавить overflow.
Юрий Иванов, вы же весь кусок html куда вставляете-то? Вот относительно того места и должны быть написаны пути.
В любом случае рецепт абсолютно простой: открываете инструменты разработчика, смотрите путь по которому браузер ищет файл. Сравниваете с тем, где файл лежит на самом деле. Вносите правки.
Давайте переформулируем: какие аргументы за то, что их должно быть видно?
Аргументом могло бы быть наличие папки images в dist. И фалов в ней.
Но я не вижу.
Впрочем ни одного heart.png тоже не вижу.
