lazy load more images

Author: jwcooper

_includes/index/learn_block.html

@@ -1,15 +1,16 @@
 <div class="image">
   {% assign guide = site.data.guides[include.index] %}
-  <img class="image-headline" alt="{{ guide.image_alt_attribute }}"
-                            src="{{ guide.image }}"
-    />
+  <img class="image-headline"
+       alt="{{ guide.image_alt_attribute }}"
+       src="{{ guide.image }}"
+       loading="lazy" />
   <span class="image-title">
     <span>
       <p><a href="{{ guide.guide_url }}">{{ guide.title }} by {{ guide.author }}</a></p>
     </span>
     <img alt="Made with CircuitPython Logo"
-                              src="{{ "assets/images/made_with_circuitpython.svg" |
-                                      relative_url }}"
-      />
+         src="{{ "assets/images/made_with_circuitpython.svg" |
+                    relative_url }}"
+         loading="lazy" />
   </span>
 </div>

index.html

@@ -36,7 +36,8 @@ <h2>When we say easy, we mean it.</h2>
         <div>
           <img alt="Brain Circuit Icon"
               src="{{ "assets/images/icons/brain-circuit.svg" |
-                        relative_url }}" />
+                          relative_url }}"
+              loading="lazy" />
           <div>
             <h3>Beginner Friendly</h3>
             <p>
@@ -47,7 +48,8 @@ <h3>Beginner Friendly</h3>
         <div>
           <img alt="Microchip Icon"
               src="{{ "assets/images/icons/microchip.svg" |
-                        relative_url }}" />
+                          relative_url }}"
+              loading="lazy" />
           <div>
             <h3>File Storage</h3>
             <p>
@@ -58,7 +60,8 @@ <h3>File Storage</h3>
         <div>
           <img alt="Files Icon"
               src="{{ "assets/images/icons/files.svg" |
-                        relative_url }}" />
+                        relative_url }}"
+              loading="lazy" />
           <div>
             <h3>Easy Code Updates</h3>
             <p>
@@ -70,7 +73,8 @@ <h3>Easy Code Updates</h3>
         <div>
           <img alt="Terminal Icon"
               src="{{ "assets/images/icons/terminal.svg" |
-                        relative_url }}" />
+                        relative_url }}"
+              loading="lazy" />
           <div>
             <h3>Serial Console + REPL</h3>
             <p>