Как сверстать такой блок?

Question

[vokose8504]

Есть такой svg-элемент, внутри которого должен выводится контент, причем он должен быть не ограничен по высоте.
Подскажите, как лучше это верстать?
Сложности у меня вызывает именно выемка слева.
Использовать clip-path? Но как тогда быть со скругленными углами?
Или резать svg на 3 части - верхняя, нижняя и центральная-повторяющаяся по оси y?

Comments

[Ankhena]

Как сверстать пунктирную рамку такой неправильной формы у блока?
Как сделать такой блок?

[Bogdan Dolgopolov]

Сделай наложение абсолютно позиционированного треугольника относительно блока

[vokose8504]

Bogdan Dolgopolov, этот вариант не подходит. У треугольника слева должна быть прозрачность. То есть внешний вид всей этой конструкции должен соответствовать svg c примера.
Добавил фон на демо, чтобы было понятнее. В оригинале там будет фото.

[Bogdan Dolgopolov]

vokose8504, Это очень плохой кейс для верстальщика. Даже если такое можно сверстать, то ты уже сделал реализацию через path, либо через такой подход.
Пинай дизайнера, пусть рисует либо нормальный макет.