Deployed with MkDocs version: 1.6.1

index.html

@@ -727,9 +727,10 @@ <h1 style="text-align: left; font-weight: bold; color: inherit; margin-bottom: 0
 
 <div class="flex-gif">
   <div class="gif-intro">
-    <video loop="true" autoplay="autoplay" muted>
+    <!-- <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/FossilsDemo.mp4" type="video/mp4">
-    </video>
+    </video> -->
+    <img src="assets/videos/FossilsDemo.gif" alt="Description of the GIF" width="350" height="auto">
   </div>
 </div>
 
@@ -792,27 +793,31 @@ <h1 style="text-align: left; font-weight: bold; color: inherit; margin-bottom: 0
 
 <div class="flex-gif gallery-gif" style="font-size:1.0em">
   <div class="gif-intro" style="position: relative">
-    <video loop="true" autoplay="autoplay" muted>
+    <!-- <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/FossilsDemo.mp4" type="video/mp4">
-    </video>
+    </video> -->
+    <img src="assets/videos/Rhamnaceae.gif" alt="Description of the GIF" >
     <div class="button-style"> <a href="classes/Rhamnaceae/"> Rhamnaceae  » </a> </div>
   </div>
   <div class="gif-intro" style="position: relative">
-    <video loop="true" autoplay="autoplay" muted>
+    <!-- <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/FossilsDemo.mp4" type="video/mp4">
-    </video>
+    </video> -->
+    <img src="assets/videos/Lauraceae.gif" alt="Description of the GIF" >
     <div class="button-style"> <a href="classes/Lauraceae/"> Lauraceae » </a> </div>
   </div>
   <div class="gif-intro" style="position: relative">
-    <video loop="true" autoplay="autoplay" muted>
+    <!-- <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/FossilsDemo.mp4" type="video/mp4">
-    </video>
+    </video> -->
+    <img src="assets/videos/Betulaceae.gif" alt="Description of the GIF">
     <div class="button-style"> <a href="classes/Betulaceae/"> Betulaceae » </a> </div>
   </div>
   <div class="gif-intro" style="position: relative">
-    <video loop="true" autoplay="autoplay" muted>
-      <source src="assets/videos/FossilsDemo.mp4" type="video/mp4">
-    </video>
+    <!-- <video loop="true" autoplay="autoplay" muted> -->
+      <!-- <source src="assets/videos/FossilsDemo.mp4" type="video/mp4">
+    </video> -->
+    <img src="assets/videos/Juglandaceae.gif" alt="Description of the GIF">
     <div class="button-style"> <a href="classes/Juglandaceae/">  Juglandaceae » </a> </div>
   </div>
 </div>