diff --git a/website/assets/images/homepage-hero-background-1921x555@2x.png b/website/assets/images/homepage-hero-background-1921x555@2x.png
deleted file mode 100644
index 763e548de0..0000000000
Binary files a/website/assets/images/homepage-hero-background-1921x555@2x.png and /dev/null differ
diff --git a/website/assets/images/homepage-hero-background-3840x500@2x.png b/website/assets/images/homepage-hero-background-3840x500@2x.png
new file mode 100644
index 0000000000..1ca26bed15
Binary files /dev/null and b/website/assets/images/homepage-hero-background-3840x500@2x.png differ
diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index 5355f894cd..ff35990273 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -39,10 +39,10 @@
   }
 
   [purpose='hero-background-image'] {
-    background: url('/images/homepage-hero-background-1921x555@2x.png');
-    background-size: 1921px auto;
+    background: url('/images/homepage-hero-background-3840x500@2x.png');
+    background-size: 3840px auto;
     background-position: center bottom;
-    background-repeat: no-repeat;
+    background-repeat: repeat-x;
   }
 
   [purpose='homepage-hero'] {
@@ -491,7 +491,7 @@
   @media (max-width: 1199px) {
 
     [purpose='hero-background-image'] {
-      background-size: 1600px auto;
+      background-size: 3400px auto;
       background-position: center bottom;
       background-repeat: no-repeat;
     }
@@ -549,7 +549,7 @@
   @media (max-width: 991px) {
 
     [purpose='hero-background-image'] {
-      background-size: 1400px auto;
+      background-size: 2800px auto;
       background-position: center bottom;
       background-repeat: no-repeat;
     }
@@ -639,7 +639,7 @@
   @media (max-width: 767px) {
 
     [purpose='hero-background-image'] {
-      background-size: 1200px auto;
+      background-size: 2600px auto;
       background-position: center bottom;
       background-repeat: no-repeat;
     }
@@ -767,7 +767,7 @@
   @media (max-width: 575px) {
 
     [purpose='hero-background-image'] {
-      background-size: 960px auto;
+      background-size: 2000px auto;
       background-position: center bottom;
       background-repeat: no-repeat;
     }
@@ -883,7 +883,7 @@
 
 
     [purpose='hero-background-image'] {
-      background-size: 800px auto;
+      background-size: 1400px auto;
       background-position: center bottom;
       background-repeat: no-repeat;
     }