Как правильней всего сверстать блок с волнообразным нижним обрамлением с несколькими волнами и маленькими шариками на них?

Question

[Kostylev2021]

В данном случае нужно сверстать данный блок несколькими svg волнами и расположить вдоль них маленькие круги?
Если да то не мог ли бы вы привести пример на opencode как это реализовать .
Или правильней всего было бы просто сохранить svg формате весь задний фон(разумеется без надписей).
Интересует именно решение которое было бы правильней всего.

Не могу выложить большее изображение так как это платный макет.

Comments

[Ankhena]

Не очень понятно чем этот вопрос отличается от предыдущего.

Возьмите из макета SVG и задайте его фоном. Не вижу особого смысла разделять эти волны на части в вашем случае.

Можно было бы поступить наоборот: покрасить блок в темно-фио и наложить белую адаптивную волну. Но кругляшки тоже будут растягиваться, если сохранять высоту волны.

Ещё можно просить у дизайнера разные варианты svg для разного размера окон.

Или убирать кругляхи вовсе, при ширине, когда они становятся овалами.

Какой вариант выбрать зависит от наличия дизайнера и его толковости.

Генератор волн:
https://getwaves.io/

Как сделать реально адаптивную волну между блоками...

и т.д.