Необычная фигура с закругленными углами и градиентным border?

Question

[aidarDev]

Всем привет. Пытаюсь сверстать такой блок -

картинка блока

Никак не получается, гуглил, не нашёл решения.
Экспортировать этот SVG из дизайна и поставить как фон не получится, т.к высота у блока может быть разной. У clip-path нельзя закруглить границы.
Помогите пж, вот codepen - https://codepen.io/chaserof/pen/bGyebLo

Comments

[Антон Антон]

что мешает сделать тремя кусками, один из которых растягивается?

[Олег К]

Возможно ответ на ваш вопрос Как изменять размеры svg в зависимости от размеров внешнего контейнера?

Answer 1

[aidarDev]

Если кому надо, вот решение, получилось сделать адаптивно и без костылей: https://stackoverflow.com/a/78551107/14483561