Add styling and restructure of markup

src/images/bg-saburly-default.svg

@@ -1,21 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1918px" height="902px" viewBox="0 0 1918 902" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>background</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="0%" y1="1.11022302e-14%" x2="95.8155954%" y2="80.9164388%" id="linearGradient-1">
-            <stop stop-color="#454CB7" offset="0%"></stop>
-            <stop stop-color="#9DA3FF" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Moris-version" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Landing-Page" transform="translate(-2.000000, 0.000000)" fill="url(#linearGradient-1)">
-            <g id="Header" transform="translate(2.000000, 0.000000)">
-                <g id="background">
-                    <path d="M1153.8909,770 C828.313018,774.212584 707.10415,902 378.889652,902 C156.412951,902 30.1164004,902 0,902 L0,770 L0,0 L1920,0 L1920,770 L1153.8909,770 Z" id="background_shape"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.8 96.4"><title>bg-saburly-white</title><path d="M417.7,96.4C655.2,93.3,743.6,0,983.1,0h417.7V96.4H417.7Z" transform="translate(0 0)" style={{ fill: '#fff' }}/></svg>