From 942e91f20b38e700a9db17f94a7d900fe68d03b0 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofia.matulis@shopify.com>
Date: Mon, 16 May 2022 15:38:06 -0400
Subject: [PATCH 01/13] Connect logo and cover image to settings

---
 config/settings_data.json            |  6 ++-
 sections/header.liquid               | 18 +++----
 sections/image-banner.liquid         | 79 +++++++++++++++-------------
 sections/main-password-header.liquid | 24 +++++----
 templates/index.json                 |  1 +
 5 files changed, 71 insertions(+), 57 deletions(-)

diff --git a/config/settings_data.json b/config/settings_data.json
index 4052ce3be3b..975746e3234 100644
--- a/config/settings_data.json
+++ b/config/settings_data.json
@@ -124,7 +124,8 @@
             "menu": "main-menu",
             "show_line_separator": true,
             "enable_sticky_header": true,
-            "margin_bottom": 0
+            "margin_bottom": 0,
+            "logo": "{{ shop.brand.logo }}"
           }
         },
         "footer": {
@@ -174,7 +175,8 @@
           "type": "main-password-header",
           "settings": {
             "logo_max_width": 100,
-            "color_scheme": "background-1"
+            "color_scheme": "background-1",
+            "logo": "{{ shop.brand.logo }}"
           }
         },
         "main-password-footer": {
diff --git a/sections/header.liquid b/sections/header.liquid
index 87dc21cecaa..7540ecbf48a 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -370,15 +370,15 @@
     {%- endif -%}
         <a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
           {%- if section.settings.logo != blank -%}
-            {%- assign image_size_2x = section.settings.logo_width | times: 2 | at_most: 5760 -%}
-            <img srcset="{{ section.settings.logo | image_url: width: section.settings.logo_width }} 1x, {{ section.settings.logo | image_url: width: image_size_2x }} 2x"
-              src="{{ section.settings.logo | image_url: width: section.settings.logo_width }}"
-              loading="lazy"
-              class="header__heading-logo"
-              width="{{ section.settings.logo.width }}"
-              height="{{ section.settings.logo.height }}"
-              alt="{{ section.settings.logo.alt | default: shop.name | escape }}"
-            >
+            {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
+            {% assign logo_height =  section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio %}
+            {{ section.settings.logo | image_url: width: section.settings.logo_width | image_tag: 
+              loading: 'lazy', 
+              class: 'header__heading-logo', 
+              width: section.settings.logo.width,
+              height: logo_height,
+              alt: logo_alt
+            }}
           {%- else -%}
             <span class="h2">{{ shop.name }}</span>
           {%- endif -%}
diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index 08a1fac7ede..ba62ff0d471 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -32,25 +32,27 @@
 <div id="Banner-{{ section.id }}" class="banner banner--content-align-{{ section.settings.desktop_content_alignment }} banner--content-align-mobile-{{ section.settings.mobile_content_alignment }} banner--{{ section.settings.image_height }}{% if section.settings.stack_images_on_mobile and section.settings.image != blank and section.settings.image_2 != blank %} banner--stacked{% endif %}{% if section.settings.adapt_height_first_image and section.settings.image != blank %} banner--adapt{% endif %}{% if section.settings.show_text_below %} banner--mobile-bottom{%- endif -%}{% if section.settings.show_text_box == false %} banner--desktop-transparent{% endif %}">
   {%- if section.settings.image != blank -%}
     <div class="banner__media media{% if section.settings.image == blank and section.settings.image_2 == blank %} placeholder{% endif %}{% if section.settings.image_2 != blank %} banner__media-half{% endif %}">
-      <img
-        srcset="{%- if section.settings.image.width >= 375 -%}{{ section.settings.image | image_url: width: 375 }} 375w,{%- endif -%}
-          {%- if section.settings.image.width >= 550 -%}{{ section.settings.image | image_url: width: 550 }} 550w,{%- endif -%}
-          {%- if section.settings.image.width >= 750 -%}{{ section.settings.image | image_url: width: 750 }} 750w,{%- endif -%}
-          {%- if section.settings.image.width >= 1100 -%}{{ section.settings.image | image_url: width: 1100 }} 1100w,{%- endif -%}
-          {%- if section.settings.image.width >= 1500 -%}{{ section.settings.image | image_url: width: 1500 }} 1500w,{%- endif -%}
-          {%- if section.settings.image.width >= 1780 -%}{{ section.settings.image | image_url: width: 1780 }} 1780w,{%- endif -%}
-          {%- if section.settings.image.width >= 2000 -%}{{ section.settings.image | image_url: width: 2000 }} 2000w,{%- endif -%}
-          {%- if section.settings.image.width >= 3000 -%}{{ section.settings.image | image_url: width: 3000 }} 3000w,{%- endif -%}
-          {%- if section.settings.image.width >= 3840 -%}{{ section.settings.image | image_url: width: 3840 }} 3840w,{%- endif -%}
-          {{ section.settings.image | image_url }} {{ section.settings.image.width }}w"
-        sizes="{% if section.settings.image_2 != blank and section.settings.stack_images_on_mobile %}(min-width: 750px) 50vw, 100vw{% elsif section.settings.image_2 != blank %}50vw{% else %}100vw{% endif %}"
-        src="{{ section.settings.image | image_url: width: 1500 }}"
-        loading="lazy"
-        alt="{{ section.settings.image.alt | escape }}"
-        width="{{ section.settings.image.width }}"
-        height="{{ section.settings.image.width | divided_by: section.settings.image.aspect_ratio }}"
-        {% if section.settings.image_2 != blank %}class="banner__media-image-half"{% endif %}
-      >
+      {%-liquid
+        assign image_height =  section.settings.image.width | divided_by: section.settings.image.aspect_ratio
+        if section.settings.image_2 != blank
+          assign image_class = "banner__media-image-half"
+        endif
+        if section.settings.image_2 != blank and section.settings.stack_images_on_mobile
+          assign sizes = "(min-width: 750px) 50vw, 100vw"
+        elsif section.settings.image_2 != blank
+          assign sizes = "50vw"
+        else 
+          assign sizes = "100vw"
+        endif
+      -%}
+      {{ section.settings.image | image_url: width: 1500 | image_tag: 
+        loading: 'lazy', 
+        width: section.settings.image.width,
+        height: image_height,
+        class: image_class, 
+        sizes: sizes,
+        alt: section.settings.image.alt | escape
+      }}
     </div>
   {%- elsif section.settings.image_2 == blank -%}
     <div class="banner__media media{% if section.settings.image == blank and section.settings.image_2 == blank %} placeholder{% endif %}{% if section.settings.image_2 != blank %} banner__media-half{% endif %}">
@@ -59,24 +61,27 @@
   {%- endif -%}
   {%- if section.settings.image_2 != blank -%}
     <div class="banner__media media{% if section.settings.image != blank %} banner__media-half{% endif %}">
-      <img
-        srcset="{%- if section.settings.image_2.width >= 375 -%}{{ section.settings.image_2 | image_url: width: 375 }} 375w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 750 -%}{{ section.settings.image_2 | image_url: width: 750 }} 750w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 1100 -%}{{ section.settings.image_2 | image_url: width: 1100 }} 1100w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 1500 -%}{{ section.settings.image_2 | image_url: width: 1500 }} 1500w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 1780 -%}{{ section.settings.image_2 | image_url: width: 1780 }} 1780w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 2000 -%}{{ section.settings.image_2 | image_url: width: 2000 }} 2000w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 3000 -%}{{ section.settings.image_2 | image_url: width: 3000 }} 3000w,{%- endif -%}
-          {%- if section.settings.image_2.width >= 3840 -%}{{ section.settings.image_2 | image_url: width: 3840 }} 3840w,{%- endif -%}
-          {{ section.settings.image_2 | image_url }} {{ section.settings.image_2.width }}w"
-        sizes="{% if section.settings.image != blank and section.settings.stack_images_on_mobile %}(min-width: 750px) 50vw, 100vw{% elsif section.settings.image != blank %}50vw{% else %}100vw{% endif %}"
-        src="{{ section.settings.image_2 | image_url: width: 1500 }}"
-        loading="lazy"
-        alt="{{ section.settings.image_2.alt | escape }}"
-        width="{{ section.settings.image_2.width }}"
-        height="{{ section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio }}"
-        {% if section.settings.image != blank %}class="banner__media-image-half"{% endif %}
-      >
+      {%-liquid
+        assign image_height =  section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
+        if section.settings.image != blank
+          assign image_class = "banner__media-image-half"
+        endif
+        if section.settings.image != blank and section.settings.stack_images_on_mobile
+          assign sizes = "(min-width: 750px) 50vw, 100vw"
+        elsif section.settings.image != blank
+          assign sizes = "50vw"
+        else 
+          assign sizes = "100vw"
+        endif
+      -%}
+      {{ section.settings.image_2 | image_url: width: 1500 | image_tag: 
+        loading: 'lazy', 
+        width: section.settings.image_2.width,
+        height: image_height,
+        class: image_class, 
+        sizes: sizes,
+        alt: section.settings.image_2.alt | escape
+      }}
     </div>
   {%- endif -%}
   <div class="banner__content banner__content--{{ section.settings.desktop_content_position }} page-width">
diff --git a/sections/main-password-header.liquid b/sections/main-password-header.liquid
index e4c4326afac..5f637d00663 100644
--- a/sections/main-password-header.liquid
+++ b/sections/main-password-header.liquid
@@ -1,15 +1,21 @@
+<style type="text/css">
+  .password-logo {
+    max-width: {{ section.settings.logo_max_width }}px
+  }
+</style>
+
 <div class="color-{{ section.settings.color_scheme }} gradient">
   <div class="password-header">
     {%- if section.settings.logo -%}
-      <img
-        src="{{ section.settings.logo | image_url: width: 500, height: 500 }}"
-        class="password-logo"
-        alt="{{ section.settings.logo.alt | default: shop.name | escape }}"
-        style="max-width: {{ section.settings.logo_max_width }}px"
-        width="{{ section.settings.logo_max_width }}"
-        height="{{ section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio }}"
-        loading="lazy"
-      >
+      {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
+      {% assign logo_height =  section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio %}
+      {{ section.settings.logo | image_url: width: 500, height: 500 | image_tag: 
+        loading: 'lazy', 
+        class: 'password-logo', 
+        width: section.settings.logo_max_width,
+        height: logo_height,
+        alt: logo_alt
+      }}
     {%- else -%}
       <h1 class="h2">{{ shop.name }}</h1>
     {%- endif -%}
diff --git a/templates/index.json b/templates/index.json
index 14ea5d442d6..edef50eda25 100644
--- a/templates/index.json
+++ b/templates/index.json
@@ -35,6 +35,7 @@
         "button"
       ],
       "settings": {
+        "image": "{{ shop.brand.cover_image }}",
         "image_overlay_opacity": 40,
         "image_height": "large",
         "adapt_height_first_image": false,

From ed6e33aebbc23d9ae160e3fe2823435ea45e87cb Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofia.matulis@shopify.com>
Date: Tue, 17 May 2022 11:32:27 -0400
Subject: [PATCH 02/13] Update logos

---
 sections/header.liquid               | 11 ++++++++---
 sections/main-password-header.liquid |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/sections/header.liquid b/sections/header.liquid
index 7540ecbf48a..23ee83b6a81 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -32,6 +32,10 @@
     margin-left: -1.2rem;
   }
 
+  .header__heading-logo {
+    max-width: {{ section.settings.logo_width }}px
+  }
+
   @media screen and (min-width: 990px) {
     header-drawer {
       display: none;
@@ -372,11 +376,12 @@
           {%- if section.settings.logo != blank -%}
             {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
             {% assign logo_height =  section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio %}
-            {{ section.settings.logo | image_url: width: section.settings.logo_width | image_tag: 
+            {{ section.settings.logo | image_url: width: section.settings.width | image_tag: 
               loading: 'lazy', 
-              class: 'header__heading-logo', 
-              width: section.settings.logo.width,
+              class: 'header__heading-logo',
+              widths: '50, 100, 150, 200, 250, 300, 400, 500',
               height: logo_height,
+              width: section.settings.logo_width,
               alt: logo_alt
             }}
           {%- else -%}
diff --git a/sections/main-password-header.liquid b/sections/main-password-header.liquid
index 5f637d00663..2edffe08e71 100644
--- a/sections/main-password-header.liquid
+++ b/sections/main-password-header.liquid
@@ -9,7 +9,7 @@
     {%- if section.settings.logo -%}
       {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
       {% assign logo_height =  section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio %}
-      {{ section.settings.logo | image_url: width: 500, height: 500 | image_tag: 
+      {{ section.settings.logo | image_url: width: section.settings.logo.width | image_tag: 
         loading: 'lazy', 
         class: 'password-logo', 
         width: section.settings.logo_max_width,

From ece7e4a2f0432b166d1fd944e399ae6c7a4b560e Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofia.matulis@shopify.com>
Date: Tue, 17 May 2022 11:36:56 -0400
Subject: [PATCH 03/13] Revert settings

---
 config/settings_data.json | 6 ++----
 templates/index.json      | 1 -
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/config/settings_data.json b/config/settings_data.json
index 975746e3234..4052ce3be3b 100644
--- a/config/settings_data.json
+++ b/config/settings_data.json
@@ -124,8 +124,7 @@
             "menu": "main-menu",
             "show_line_separator": true,
             "enable_sticky_header": true,
-            "margin_bottom": 0,
-            "logo": "{{ shop.brand.logo }}"
+            "margin_bottom": 0
           }
         },
         "footer": {
@@ -175,8 +174,7 @@
           "type": "main-password-header",
           "settings": {
             "logo_max_width": 100,
-            "color_scheme": "background-1",
-            "logo": "{{ shop.brand.logo }}"
+            "color_scheme": "background-1"
           }
         },
         "main-password-footer": {
diff --git a/templates/index.json b/templates/index.json
index edef50eda25..14ea5d442d6 100644
--- a/templates/index.json
+++ b/templates/index.json
@@ -35,7 +35,6 @@
         "button"
       ],
       "settings": {
-        "image": "{{ shop.brand.cover_image }}",
         "image_overlay_opacity": 40,
         "image_height": "large",
         "adapt_height_first_image": false,

From 64e9df6683938808e6bf53aece8c00a3ab635ff6 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofia.matulis@shopify.com>
Date: Tue, 17 May 2022 11:46:10 -0400
Subject: [PATCH 04/13] Fix classes

---
 sections/image-banner.liquid | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index ba62ff0d471..ab67d6569f5 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -62,9 +62,9 @@
   {%- if section.settings.image_2 != blank -%}
     <div class="banner__media media{% if section.settings.image != blank %} banner__media-half{% endif %}">
       {%-liquid
-        assign image_height =  section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
+        assign image_height_2 =  section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
         if section.settings.image != blank
-          assign image_class = "banner__media-image-half"
+          assign image_class_2 = "banner__media-image-half"
         endif
         if section.settings.image != blank and section.settings.stack_images_on_mobile
           assign sizes = "(min-width: 750px) 50vw, 100vw"
@@ -77,8 +77,8 @@
       {{ section.settings.image_2 | image_url: width: 1500 | image_tag: 
         loading: 'lazy', 
         width: section.settings.image_2.width,
-        height: image_height,
-        class: image_class, 
+        height: image_height_2,
+        class: image_class_2, 
         sizes: sizes,
         alt: section.settings.image_2.alt | escape
       }}

From eeb5bfe2c5fdbee868e4e24155ca7bb66d6028f4 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:12:33 -0400
Subject: [PATCH 05/13] Update sections/main-password-header.liquid

Co-authored-by: Ludo <ludo.segura@shopify.com>
---
 sections/main-password-header.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sections/main-password-header.liquid b/sections/main-password-header.liquid
index 2edffe08e71..2d4dfc8686f 100644
--- a/sections/main-password-header.liquid
+++ b/sections/main-password-header.liquid
@@ -1,6 +1,6 @@
 <style type="text/css">
   .password-logo {
-    max-width: {{ section.settings.logo_max_width }}px
+    max-width: {{ section.settings.logo_max_width }}px;
   }
 </style>
 

From 535d73405f016ea6718140cbeba2b0d2ea11cf95 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:12:39 -0400
Subject: [PATCH 06/13] Update sections/header.liquid

Co-authored-by: Ludo <ludo.segura@shopify.com>
---
 sections/header.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sections/header.liquid b/sections/header.liquid
index 23ee83b6a81..363879692ec 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -33,7 +33,7 @@
   }
 
   .header__heading-logo {
-    max-width: {{ section.settings.logo_width }}px
+    max-width: {{ section.settings.logo_width }}px;
   }
 
   @media screen and (min-width: 990px) {

From 625a3813760fbb4d8ff285fcb68e06cbd02dbe31 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:15:56 -0400
Subject: [PATCH 07/13] Update sections/header.liquid

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>
---
 sections/header.liquid | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/sections/header.liquid b/sections/header.liquid
index 363879692ec..ffd8915c3f5 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -375,9 +375,9 @@
         <a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
           {%- if section.settings.logo != blank -%}
             {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
-            {% assign logo_height =  section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio %}
-            {{ section.settings.logo | image_url: width: section.settings.width | image_tag: 
-              loading: 'lazy', 
+            {%- assign logo_height = section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio -%}
+            {{ section.settings.logo | image_url: width: section.settings.width | image_tag:
+              loading: 'lazy',
               class: 'header__heading-logo',
               widths: '50, 100, 150, 200, 250, 300, 400, 500',
               height: logo_height,

From 16f9bdf0f12ed53352b23c44212755e4e549c8f2 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:17:15 -0400
Subject: [PATCH 08/13] Update sections/main-password-header.liquid

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>
---
 sections/main-password-header.liquid | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/sections/main-password-header.liquid b/sections/main-password-header.liquid
index 2d4dfc8686f..eeab554c239 100644
--- a/sections/main-password-header.liquid
+++ b/sections/main-password-header.liquid
@@ -8,10 +8,11 @@
   <div class="password-header">
     {%- if section.settings.logo -%}
       {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
-      {% assign logo_height =  section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio %}
-      {{ section.settings.logo | image_url: width: section.settings.logo.width | image_tag: 
-        loading: 'lazy', 
-        class: 'password-logo', 
+      {%- assign logo_height = section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio -%}
+      {{ section.settings.logo | image_url: width: section.settings.logo.width | image_tag:
+        loading: 'lazy',
+        class: 'password-logo',
+        widths: '50, 100, 150, 200, 250, 300, 400, 500',
         width: section.settings.logo_max_width,
         height: logo_height,
         alt: logo_alt

From 2d78d4bb4d60080bccc02af5633f458dd3b40fdd Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofia.matulis@shopify.com>
Date: Tue, 17 May 2022 15:25:16 -0400
Subject: [PATCH 09/13] Remove loading lazy

---
 sections/header.liquid               | 1 -
 sections/main-password-header.liquid | 1 -
 2 files changed, 2 deletions(-)

diff --git a/sections/header.liquid b/sections/header.liquid
index ffd8915c3f5..a803270bc1f 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -377,7 +377,6 @@
             {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
             {%- assign logo_height = section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio -%}
             {{ section.settings.logo | image_url: width: section.settings.width | image_tag:
-              loading: 'lazy',
               class: 'header__heading-logo',
               widths: '50, 100, 150, 200, 250, 300, 400, 500',
               height: logo_height,
diff --git a/sections/main-password-header.liquid b/sections/main-password-header.liquid
index eeab554c239..3a4c272b86d 100644
--- a/sections/main-password-header.liquid
+++ b/sections/main-password-header.liquid
@@ -10,7 +10,6 @@
       {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
       {%- assign logo_height = section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio -%}
       {{ section.settings.logo | image_url: width: section.settings.logo.width | image_tag:
-        loading: 'lazy',
         class: 'password-logo',
         widths: '50, 100, 150, 200, 250, 300, 400, 500',
         width: section.settings.logo_max_width,

From 6f3f840787deed795266b305ae4bdc6fb68a039c Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:47:05 -0400
Subject: [PATCH 10/13] Update sections/main-password-header.liquid

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>
---
 sections/main-password-header.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sections/main-password-header.liquid b/sections/main-password-header.liquid
index 3a4c272b86d..ebb187e737a 100644
--- a/sections/main-password-header.liquid
+++ b/sections/main-password-header.liquid
@@ -6,7 +6,7 @@
 
 <div class="color-{{ section.settings.color_scheme }} gradient">
   <div class="password-header">
-    {%- if section.settings.logo -%}
+    {%- if section.settings.logo != blank -%}
       {%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
       {%- assign logo_height = section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio -%}
       {{ section.settings.logo | image_url: width: section.settings.logo.width | image_tag:

From c6fcac2be531b05c322ffccf03002afce6018f2e Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:47:14 -0400
Subject: [PATCH 11/13] Update sections/image-banner.liquid

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>
---
 sections/image-banner.liquid | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index ab67d6569f5..b927b65f227 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -62,7 +62,7 @@
   {%- if section.settings.image_2 != blank -%}
     <div class="banner__media media{% if section.settings.image != blank %} banner__media-half{% endif %}">
       {%-liquid
-        assign image_height_2 =  section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
+        assign image_height_2 = section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
         if section.settings.image != blank
           assign image_class_2 = "banner__media-image-half"
         endif
@@ -70,15 +70,15 @@
           assign sizes = "(min-width: 750px) 50vw, 100vw"
         elsif section.settings.image != blank
           assign sizes = "50vw"
-        else 
+        else
           assign sizes = "100vw"
         endif
       -%}
-      {{ section.settings.image_2 | image_url: width: 1500 | image_tag: 
-        loading: 'lazy', 
+      {{ section.settings.image_2 | image_url: width: 1500 | image_tag:
+        loading: 'lazy',
         width: section.settings.image_2.width,
         height: image_height_2,
-        class: image_class_2, 
+        class: image_class_2,
         sizes: sizes,
         alt: section.settings.image_2.alt | escape
       }}

From fae357fd28a6b2509f83ad04b195dba5d4fd5bec Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Tue, 17 May 2022 15:47:20 -0400
Subject: [PATCH 12/13] Update sections/image-banner.liquid

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>
---
 sections/image-banner.liquid | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index b927b65f227..fd4f5213c98 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -33,7 +33,7 @@
   {%- if section.settings.image != blank -%}
     <div class="banner__media media{% if section.settings.image == blank and section.settings.image_2 == blank %} placeholder{% endif %}{% if section.settings.image_2 != blank %} banner__media-half{% endif %}">
       {%-liquid
-        assign image_height =  section.settings.image.width | divided_by: section.settings.image.aspect_ratio
+        assign image_height = section.settings.image.width | divided_by: section.settings.image.aspect_ratio
         if section.settings.image_2 != blank
           assign image_class = "banner__media-image-half"
         endif
@@ -41,15 +41,15 @@
           assign sizes = "(min-width: 750px) 50vw, 100vw"
         elsif section.settings.image_2 != blank
           assign sizes = "50vw"
-        else 
+        else
           assign sizes = "100vw"
         endif
       -%}
-      {{ section.settings.image | image_url: width: 1500 | image_tag: 
-        loading: 'lazy', 
+      {{ section.settings.image | image_url: width: 1500 | image_tag:
+        loading: 'lazy',
         width: section.settings.image.width,
         height: image_height,
-        class: image_class, 
+        class: image_class,
         sizes: sizes,
         alt: section.settings.image.alt | escape
       }}

From c0a742dfa5e0ef03388845ad7a8490b20853d1f8 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofia.matulis@shopify.com>
Date: Tue, 17 May 2022 16:53:41 -0400
Subject: [PATCH 13/13] Add sizes

---
 sections/image-banner.liquid | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index fd4f5213c98..9b115c5a98d 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -51,6 +51,7 @@
         height: image_height,
         class: image_class,
         sizes: sizes,
+        widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840',
         alt: section.settings.image.alt | escape
       }}
     </div>
@@ -80,6 +81,7 @@
         height: image_height_2,
         class: image_class_2,
         sizes: sizes,
+        widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840',
         alt: section.settings.image_2.alt | escape
       }}
     </div>