title: CSS3 image with round corners and a very light oval shape
body: <p>Hello I'm looking to build in CSS3 an image with round corners and a very light oval shape, like in this pic.</p>
  
  <p>Not sure if it's possible and how. I know how to build a round image or an image with round corners, but this is a little different. </p>
  
  <p><strong>UPDATE</strong>
  Here is what I've done</p>
  
  <pre><code>.round{
      background-color:red;
      width:100px;
      height:100px;
      border-top-left-radius: 45px 40px;
      border-top-right-radius: 45px 40px;
      border-bottom-left-radius: 45px 40px;
      border-bottom-right-radius: 45px 40px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7t1z3hxf/9/" rel="nofollow noreferrer">http://jsfiddle.net/7t1z3hxf/9/</a></p>
  
  <p><strong>UPDATE2</strong>
  Here are the schematics of what I'm trying to achieve
  <img src="https://i.stack.imgur.com/xrCQX.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/pjCCj.png" alt="enter image description here"></p>
  
  <p>Thanks</p>