Adds lazy loading to case study screenshots

content/studies/honeycomb/index.md

@@ -324,7 +324,6 @@ That was OK because we kept both sources connected through the Honeycomb repo. *
     alt="Screenshots of Figma code connections for HTML and web component code for the Alert component."
     caption="Each component was connected to Figma Dev Mode via Code Connect, including HTML and Web Component options." >}}
 
-
 ### Design became a frontend resource
 
 **The result was that the design team became a shared frontend resource for the company.** Product teams came to us with Honeycomb questions, but also with layout issues, CSS problems, accessibility concerns, and implementation details that were adjacent to the design system. 

layouts/shortcodes/figure.html

@@ -8,7 +8,7 @@
   {{- $url = .RelPermalink -}}
 {{- end -}}
 <figure {{ with $class }}class="{{ . }}"{{ end }}>
-  <img src="{{ $url }}" alt="{{ $alt }}" />
+  <img src="{{ $url }}" alt="{{ $alt }}" load="lazy" />
   {{- with $caption }}
   <figcaption>
     {{ $caption | markdownify }}