Как сделать такую фигуру на css?

Question

[raving]

Как сделать такую фигуру "наковальня"
вот пример который сделал https://codepen.io/DobrykovM/pen/XJJoPmW , только чтобы синие круги были прозрачными. То есть фигура должна быть такая же как сейчас красного цвета с скруглениями по бокам.
По сути синие круги это лишь пример как должна обрезаться фигура, задний фон не обязательно может быть серым- он может быть картинкой
P.s. нужна поддержка safari 13

Comments

[xdevelx]

Я бы использовал радиальные градиенты в связке с фоном или масками. Если маски использовать, то для сафари нужен префикс. А так будут работать оба варианта в 13 сафари.

Answer 1

[Ankhena]

Дорабатывайте под себя
https://codepen.io/AnnaSummer/pen/BaGoKrE
Альтернативы: маски, clip-path, svg