Если шрифт изменяется пропорционально, то можно использовать единицы vw. Чтобы не было слишком мелко или огромно, то совместно с clamp (или min или max).
Если не пропорционально, то всё тоже самое, но дополнительно вносить корректировки через @media
Не очень понятно чем этот вопрос отличается от предыдущего.
Возьмите из макета SVG и задайте его фоном. Не вижу особого смысла разделять эти волны на части в вашем случае.
Можно было бы поступить наоборот: покрасить блок в темно-фио и наложить белую адаптивную волну. Но кругляшки тоже будут растягиваться, если сохранять высоту волны.
Ещё можно просить у дизайнера разные варианты svg для разного размера окон.
Или убирать кругляхи вовсе, при ширине, когда они становятся овалами.
Какой вариант выбрать зависит от наличия дизайнера и его толковости.
Вашего кода недостаточно, чтобы ответить на вопрос.
Сделайте песочницу с видимой проблемой на codepen.io
С большой вероятностью, найдете в чем дело, пока её делаете ;)
