Как верстать такие элементы?

Question

[frnd]

Как верстать такие элементы? пример на фото.

кнопка, подложка у заголовка и слайдер.

Если вставлять svg или png при изменение длины текста у кнопки/подложки текст будет вылазить, есть ли вариант сделать как то такие элементы адаптивными?
И по слайдеру вопрос как лучше сделать через background задать фон с формой слайдера?

Comments

[Ankhena]

Для формы - clip-path. Аналогичные примеры гуглятся по "как сделать фон волной". Вам нужно будет заменить волну на свою SVG.
Для картинки - object-fit, чтобы была по размеру блока.

[Антон Литвиненко]

Веб прямоугольный. И то что сверстать можно все, не значит, что нужно пускать иллюстраторов детских книжек в вебдизайн
Имхо

[frnd]

Ankhena, спасибо, погуглю