Как сверстать элемент со скруглениями углов «внутрь»?

Question

[dsbk]

Схематично набросал картинку:



Под красным элементом (фотография) неоднородный фон (на схематичной картинке выше - градиент).
Если бы фон был однородным (просто заливка цветом), тогда можно было бы налепить скругленные элементы по углам картинки в цвет фона, создав нужный визуальный эффект. Тут такой вариант не прокатит, т.к надо, чтобы фон по углам был виден.

Пожалуйста, подскажите, как сверстать такие скругления по углам картинки?

Answer 1

[xdevelx]

https://codepen.io/xdevelx/pen/XWpyXpW

Answer 2

[axelworld]

Посмотрите св-во css clip-patch