Lazy load browser logos

Author: csswizardry

core-web-vitals-on-ios.md

@@ -33,6 +33,7 @@ steadily faster across the board:
 It’s important to view Core Web Vitals through two distinct lenses:
 
 <img src="{{ site.cloudinary }}/img/content/core-web-vitals-ios/firefox-logo.png" alt="Firefox logo" width="128" height="128"
+     loading="lazy"
      style="float: right;
             margin-left: 24px;
             shape-outside: url({{ site.cloudinary }}/img/content/core-web-vitals-ios/firefox-logo.png);" />
@@ -66,6 +67,7 @@ However, things are about to change.
 <a href="/contact/" class="btn  btn--primary">Beat the Competition</a>
 
 <img src="{{ site.cloudinary }}/img/content/core-web-vitals-ios/safari-logo.png" alt="Safari logo" width="128" height="128"
+     loading="lazy"
      style="float: left;
             margin-right: 24px;
             shape-outside: url({{ site.cloudinary }}/img/content/core-web-vitals-ios/safari-logo.png);" />