Imagen de fondo curvada en CSS

Estoy tratando de lograr algo como en la imagen de abajo (imagen de fondo curva) del sitio web estatal de la calle , pero en CSS.

Gracias a publicaciones de otros usuarios en stackoverflow, he podido crear algo similar usando border-radius, ver http://jsfiddle.net/dg44thbr/9/

El problema es que mi curva … es demasiado curvilínea. Me gustaría que fuera más “directo” que el callejero estatal.

¿Es posible en CSS?

Gracias,

enter image description here

body { margin: 0; background: red; } div#back { position: relative; height: 200px; background-image: url(http://wearepeak.co.uk/wp-content/uploads/2016/02/testimonial.jpg); width: 100%; border-bottom-left-radius: 70% 60px; border-bottom-right-radius: 30% 10px; } 

Bueno, puedes probar este por tamaño: http://jsfiddle.net/dg44thbr/10/

 body { margin: 0; background: red; } div#back { position: relative; height: 100px; background-image: url(http://sofes.miximages.com/html/testimonial.jpg); width: 100%; border-bottom-left-radius: 250% 160px; border-bottom-right-radius: 0; margin-left: -2em; padding-right: 2em; }