Как сверстать такой уголок-разделитель максимально кроссбраузерно?

Помогите, сверстать такую штуку (название не могу подобрать).


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

Придумал несколько способов

1. CSS clip-path работает как надо но только в хроме
   
2. SVG cilp-path не тянется как в п.1
   
3. Canvas, не знаю как сделать все что получилось по ссылке