Created for the Stack Overflow question @ http://stackoverflow.com/questions/40350457/sigmoid-curve-shape-with-css/40394347#
The sigmoid background shape is created using a SVG <path> element and is then filled with the <pattern>. <feGaussianBlur>, <feOffset>, <feMerge>, <feFlood>, <feComposite> tags are used to create the shadow and also give the shadow a specific color.
As with all SVGs the shape is responsive.
CSS shape-outside property is used to make sure the text stays only on the solid colored area and doesn't overflow into the patterned background area.