Закръглено изображение с извит надпис, използващ css3 - html5, css3, css-shapes

Опитвам се да създам закръглено изображение с извитиконтейнер с надписи в изображението. Как може да се направи с html5, css3. Моля, проверете изображението, за да получите по-добра картина. Ако има наличен пример, споделете го.

Примерно изображение

Отговори:

ако искате това:

проверете тази връзка: JSFIDDLE

<div id="container">
<div id="imgContainer">

<img src="/images/"/>
<div></div>

</div>
</div>