Rounded Image with curved caption using css3

Question

I'm trying to create a rounded image with curved caption container inside the image. How it can be done using html5, css3. Please check the image to get better picture. If there is any example available please share it.

Sample Image

Answer 1

if you want this:

check this link: JSFIDDLE

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

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

    </div>
</div>