Zaoblený obrázok so zakriveným popisom pomocou css3 - html5, css3, css-shapes

Snažím sa vytvoriť zaoblený obraz s zakrivenoukontajner s titulkami vo vnútri obrázka. Ako to možno urobiť pomocou html5, css3. Skontrolujte obrázok a získajte lepší obraz. Ak je k dispozícii nejaký príklad, zdieľajte ho.

Vzorový obrázok

odpovede:

ak chcete toto:

skontrolujte tento odkaz: JSFIDDLE

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

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

</div>
</div>