title: Cut out transparent circle with CSS3
body: <p>I want to make this shape in CSS3. Is it possible? :S</p>
  
  <p><img src="https://i.stack.imgur.com/GqHt9.png" alt="enter image description here"></p>
  
  <p>My plan is to put a picture in the background so I want that this part be transparent (that round part )</p>
  
  <p>EDIT:
  The biggest problem is that background is not solid color, it is image and background of <code>div</code> body must be semi-transparent. </p>