converted gif to webm format

Signed-off-by: shubhusion <[email protected]>

Author: shubhusion

_includes/features.html

@@ -36,8 +36,10 @@ <h2><span class="special-text">Multi-cluster management</span> for Kubernetes an
         <div class="image flex" style="flex-flow: column wrap;">
             <div align="center" style="margin-top: 3rem;">
                 <div style="display: flex;">
-                    <img src="/assets/images/screens/multi-cluster-management.gif" class="screenshot" style="max-height: 50vh;"
-                        alt="Multi-cluster Kubernetes Manager" loading="lazy" />
+                    <video class="screenshot" style="max-height: 50vh;" autoplay loop muted playsinline>
+                        <source src="/assets/images/screens/multi-cluster-management.webm" type="video/webm">
+                        Your browser does not support the video tag.
+                    </video>                    
                     <span>
                 <!-- <p style="font-size: 1rem;margin:0rem;padding:0rem;color:#666;font-style: italic;">(excerpt: patterns
                             in-action)</p> -->

_includes/home-page.html

@@ -116,12 +116,12 @@ <h2 class="sub-text" style="padding-top:1rem; font-size: 1.05rem; font-weight: 5
 			<img class="meshery-repo"
 				src="https://img.shields.io/github/stars/meshery/meshery.svg?style=social&label=Stars" alt="Stars on meshery.io GitHub repository"
 				style="height: 1.75rem;
-		margin-top: 1rem;" />
+		margin-top: 1rem;" loading="lazy"/>
 		</a>
 		<a href="https://github.com/meshery/meshery">
 			<img class="meshery-repo"
 				src="https://img.shields.io/github/forks/meshery/meshery.svg?style=social&label=Fork" alt="Fork meshery.io GitHub repository" style="height: 1.75rem;
-			margin-top: 1rem;" />
+			margin-top: 1rem;" loading="lazy"/>
 		</a>
 	</div>
 </section>