diff --git a/default.hbs b/default.hbs
index 0f5836de9..a8d94ebfb 100644
--- a/default.hbs
+++ b/default.hbs
@@ -9,7 +9,12 @@
 
     {{#is "home"}}
         {{#if @site.cover_image}}
+        {{#match @custom.header_section_layout "Large background"}}
             <link rel="preload" as="image" href="{{@site.cover_image}}">
+        {{else match @custom.header_section_layout "Side by side"}}
+            <link rel="preload" as="image" href="{{img_url @site.cover_image size="m"}}">
+        {{/match}}
+
         {{/if}}
     {{/is}}
 
@@ -45,7 +50,11 @@
                 <div class="gh-head-brand-wrapper">
                     <a class="gh-head-logo" href="{{@site.url}}">
                         {{#if @site.logo}}
-                            <img src="{{@site.logo}}" alt="{{@site.title}}">
+                            <img srcset="{{img_url @site.logo size="s"}} 300w,
+                                {{img_url @site.logo size="m"}} 720w"
+                                sizes="90vw"
+                            src="{{img_url @site.logo size="s"}}" alt="{{@site.title}}"
+                            >
                         {{else}}
                             {{@site.title}}
                         {{/if}}
diff --git a/index.hbs b/index.hbs
index 603adb236..54bf64a0d 100644
--- a/index.hbs
+++ b/index.hbs
@@ -3,9 +3,26 @@
 <section class="gh-about gh-outer{{#match @custom.header_section_layout "!=" "Typographic profile"}}{{#unless @site.cover_image}} no-image{{/unless}}{{else}}{{#unless @site.icon}} no-image{{/unless}}{{/match}}">
     <div class="gh-about-inner gh-inner">
         {{#match @custom.header_section_layout "!=" "Typographic profile"}}
-            {{#if @site.cover_image}}
-                <img class="gh-about-image" src="{{@site.cover_image}}" alt="{{@site.title}}">
-            {{/if}}
+            {{#match @custom.header_section_layout "=" "Large background"}}
+                {{#if @site.cover_image}}
+                    <img class="gh-about-image" 
+                        srcset="{{img_url @site.cover_image size="s"}} 300w,
+                            {{img_url @site.cover_image size="m"}} 720w,
+                            {{img_url @site.cover_image size="l"}} 960w,
+                            {{img_url @site.cover_image size="xl"}} 1200w,
+                            {{img_url @site.cover_image size="xxl"}} 2000w"
+                        sizes="100vw"
+                        src="{{@site.cover_image}}" alt="{{@site.title}}">
+                {{/if}}
+            {{else}}
+                {{#if @site.cover_image}}
+                    <img class="gh-about-image" 
+                        srcset="{{img_url @site.cover_image size="s"}} 300w,
+                            {{img_url @site.cover_image size="m"}} 720w"
+                        sizes="(max-width: 720px) 100vw, 50vw"
+                        src="{{@site.cover_image}}" alt="{{@site.title}}">
+                {{/if}}                
+            {{/match}}
         {{else}}
             {{#if @site.icon}}
                 <img class="gh-about-image" src="{{@site.icon}}" alt="{{@site.title}}">
diff --git a/partials/loop.hbs b/partials/loop.hbs
index 1485933b3..fc8430f6f 100644
--- a/partials/loop.hbs
+++ b/partials/loop.hbs
@@ -8,10 +8,14 @@
                         {{#match @custom.post_feed_layout "Parallax"}}class="jarallax-img"{{/match}}
                         srcset="{{img_url feature_image size="s"}} 300w,
                                 {{img_url feature_image size="m"}} 720w,
-                                {{img_url feature_image size="l"}} 960w,
+                                {{img_url feature_image size="l"}} 960w
+                        {{#match @custom.post_feed_layout "=" "Parallax"}},
                                 {{img_url feature_image size="xl"}} 1200w,
-                                {{img_url feature_image size="xxl"}} 2000w"
-                        sizes="(max-width: 1200px) 100vw, 1200px"
+                                {{img_url feature_image size="xxl"}} 2000w
+                        " sizes="(max-width: 1440px) 100vw, 1440px"
+                        {{else}}
+                        " sizes="(max-width: 991px) 100vw, 50vw"
+                        {{/match}}
                         src="{{img_url feature_image size="m"}}"
                         alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
                     >