Migrate story hero images to WebP.

Author: cognigami

public/images/ml-education.png

@@ -12,7 +12,7 @@ import Layout from '../../layouts/Layout.astro';
          ============================================= -->
     <div class="story-hero" id="story-hero">
       <div class="story-hero__image" id="story-hero-image"
-        style={`background-image: url('${import.meta.env.BASE_URL}images/ml-education.png');`}>
+        style={`background-image: url('${import.meta.env.BASE_URL}images/ml-education.webp');`}>
       </div>
       <div class="story-hero__scrim"></div>
       <div class="story-hero__content">

public/images/ml-education.webp

@@ -12,7 +12,7 @@ import Layout from '../../layouts/Layout.astro';
          ============================================= -->
     <div class="story-hero" id="story-hero">
       <div class="story-hero__image" id="story-hero-image"
-        style={`background-image: url('${import.meta.env.BASE_URL}images/quantum-games.png');`}>
+        style={`background-image: url('${import.meta.env.BASE_URL}images/quantum-games.webp');`}>
       </div>
       <!-- For video, replace the preceding DIV with the following tag.
         <video