Update index.html with rotated images

index.html

@@ -238,7 +238,7 @@ <h1 style="font-size: 2em;">Everything</h1>
 
   <!-- Right side: Single Video section -->
   <div class="video-section col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
-    <img id="gifPlayer1" src="./image_assets/gif_demo/MRI-Brain-T1Gd_gif_crop.gif" alt="BiomedParse Demo" width="100%">
+    <img id="gifPlayer1" src="./image_assets/gif_demo/MRI-Brain-T1Gd_rotate.gif" alt="BiomedParse Demo" width="100%">
   </div>
 </section>
 
@@ -264,7 +264,7 @@ <h1 style="font-size: 2rem;">All at Once</h1>
       <p>Tired of typing prompts for every objects? BiomedParse can do object <a href="#" style="color: #6366f1;"><strong>recognition</strong></a> all at once. Having learned 82 object types, BiomedParse can automatically identify all objects in a given image along with their semantic types, and simultaneously segment and label all biomedical objects of interests.</p>
     </div>
     <div class="video-section col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
-      <img id="gifPlayer3" src="./image_assets/gif_demo/MRI-Brain-T1Gd_gif_crop.gif" alt="BiomedParse Demo" width="100%">
+      <img id="gifPlayer3" src="./image_assets/gif_demo/MRI-Brain-T1Gd_rotate.gif" alt="BiomedParse Demo" width="100%">
     </div>
   </section>
 
@@ -295,7 +295,7 @@ <h1 style="font-size: 2rem;">All at Once</h1>
     document.addEventListener('DOMContentLoaded', function () {
         var allGifs = [
             [
-                './image_assets/gif_demo/MRI-Brain-T1Gd_gif_crop.gif',
+                './image_assets/gif_demo/MRI-Brain-T1Gd_rotate.gif',
                 './image_assets/gif_demo/Pathology_prompts_gif_crop.gif'
             ],
             [