Hero block background updates

The hero backgrounds has been replaced with SVG files.

Also, the params has been changed, instead of using numbers, you can now use:

* default
* alternative
* astra
* dse
* luna

Author: KenniM

gcx/styles/src/css/helios-gcx-heroBlock.css

@@ -1,24 +1,25 @@
-.dsHeroBlock {
-    background-image: url('../img/[email protected]');
+.dsHeroBlock,
+.dsHeroBlock[data-banner="default"] {
+    background-image: url('../img/hero-banner-1.svg');
     background-size: cover;
     color: white;
     font-family: 'Roboto', sans-serif;
   }
 
-  .dsHeroBlock[data-banner="2"]{
-    background-image: url('../img/hero-banner-2@2x.png');
+  .dsHeroBlock[data-banner="alternative"]{
+    background-image: url('../img/hero-banner-2.svg');
   }
 
-  .dsHeroBlock[data-banner="3"]{
-    background-image: url('../img/hero-banner-3-Astra@2x.png');
+  .dsHeroBlock[data-banner="astra"]{
+    background-image: url('../img/hero-banner-3-Astra.svg');
   }
 
-  .dsHeroBlock[data-banner="4"]{
-    background-image: url('../img/hero-banner-4-DSE@2x.png');
+  .dsHeroBlock[data-banner="dse"]{
+    background-image: url('../img/hero-banner-4-DSE.svg');
   }
 
-  .dsHeroBlock[data-banner="5"]{
-    background-image: url('../img/hero-banner-5-Luna@2x.png');
+  .dsHeroBlock[data-banner="luna"]{
+    background-image: url('../img/hero-banner-5-Luna.svg');
   }