diff --git a/_sass/framework/zerostatic/blocks/sections/_hero.scss b/_sass/framework/zerostatic/blocks/sections/_hero.scss
index cd0bc55b..87eb7568 100644
--- a/_sass/framework/zerostatic/blocks/sections/_hero.scss
+++ b/_sass/framework/zerostatic/blocks/sections/_hero.scss
@@ -10,7 +10,7 @@
   // min-height: 300px;
 
   // Is hardcoded, because the hero image won't be changed
-  aspect-ratio: 37 / 7;
+  aspect-ratio: 3616 / 681;
   &.hero-gradient {
     background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary));
   }
diff --git a/assets/images/jlesc_logo_hires.jpg b/assets/images/jlesc_logo_hires.jpg
new file mode 100644
index 00000000..4ff6f082
Binary files /dev/null and b/assets/images/jlesc_logo_hires.jpg differ
diff --git a/bin/report_generator.rb b/bin/report_generator.rb
index 0f01f51f..2f25855a 100755
--- a/bin/report_generator.rb
+++ b/bin/report_generator.rb
@@ -518,8 +518,8 @@ def run
       end
 
       # copy the JLESC logo to the LaTeX directory
-      FileUtils.cp(File.join(@site.source, 'assets', 'images', 'jlesc-header_180910.jpg'),
-                   File.join(@latex_path, 'jlesc_logo.png'))
+      FileUtils.cp(File.join(@site.source, 'assets', 'images', 'jlesc_logo_hires.jpg'),
+                   File.join(@latex_path, 'jlesc_logo_hires.jpg'))
 
     end
   end
diff --git a/pages/home.md b/pages/home.md
index 8f71a7e4..1b0cd8d0 100644
--- a/pages/home.md
+++ b/pages/home.md
@@ -12,7 +12,7 @@ hero:
 
   # The aspect ratio of the picture is hardcoded in the corresponding scss file.
   # You should also change the aspect ratio if you change the background image!
-  background_image: "/assets/images/jlesc_logo.jpg"
+  background_image: "/assets/images/jlesc_logo_hires.jpg"
   fullscreen_mobile: false
   fullscreen_desktop: false
   height: "auto"