Возможно ли сверстать только css'ом?
Смотря какие браузеры нужно поддерживать. Лучше сделайте картинкой, немного дольше, зато будет везде работать.
Если без вмешательства в разметку — нет
:before и :after позволит вставить только по одному content:«элементу», а у вас на картинке есть как минимум два скругления на каждую сторону.

Лучше использовать одну png-картинку (например data:image/png;base64) и развернуть её трансформом по горизонтали ;)