Curved Background Image In CSS

I'm trying to achieve something like in the picture below (curved background image) from state street website, but in CSS. Thanks to posts from other users on stackoverflow, I've b

Solution 1:

Well, you can try this one on for size: http://jsfiddle.net/dg44thbr/10/

body {
  margin: 0;
  background: red;
}

div#back {
  position: relative;
  height: 100px;
  background-image: url(http://wearepeak.co.uk/wp-content/uploads/2016/02/testimonial.jpg);
  width: 100%;
  border-bottom-left-radius: 250% 160px;
  border-bottom-right-radius: 0;
  margin-left: -2em;
  padding-right: 2em;
}

<div id="back"></div>