Another attempt lessgo

Author: steph1111

_includes/team-showcase.html

@@ -1,5 +1,5 @@
 <section class="hero is-halfheight has-text-left" id="team-showcase">
-    <figure class="hero-background" id="rotating-image">
+    <figure class="hero-background" id="rotating-image" style="background-size: cover; background-position: center;">
         <div class="overlay">
             <div class="container is-centered">
                 <div class="title-text">
@@ -15,24 +15,24 @@ <h1 class="title has-text-white-ter is-size-1 is-uppercase has-text-weight-bold"
 <script>
     document.addEventListener('DOMContentLoaded', function() {
         const images = [
-        "https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/41309abdbb5d93dbc6c0119bf8f97a3bb38ad743/assets/images/seahawk-II/gallery-seahawk-II/interview.webp",
-        "https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/41309abdbb5d93dbc6c0119bf8f97a3bb38ad743/assets/images/seahawk-II/gallery-seahawk-II/stack.webp",
-        "https://github.com/CabrilloRoboticsClub/cabrillorobotics.github.io/blob/258a1699f10c378fb2a1d18c2a986080bf3b6a57/assets/images/seahawk-II/gallery-seahawk-II/deploy.jpeg?raw=true",
-        "https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/782b579c031c16835e0fee2b57a22246c1a79618/assets/images/seahawk-II/gallery-seahawk-II/product-demo-pilot-2.webp"
+            "https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/41309abdbb5d93dbc6c0119bf8f97a3bb38ad743/assets/images/seahawk-II/gallery-seahawk-II/interview.webp",
+            "https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/41309abdbb5d93dbc6c0119bf8f97a3bb38ad743/assets/images/seahawk-II/gallery-seahawk-II/stack.webp",
+            "https://github.com/CabrilloRoboticsClub/cabrillorobotics.github.io/blob/258a1699f10c378fb2a1d18c2a986080bf3b6a57/assets/images/seahawk-II/gallery-seahawk-II/deploy.jpeg?raw=true",
+            "https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/782b579c031c16835e0fee2b57a22246c1a79618/assets/images/seahawk-II/gallery-seahawk-II/product-demo-pilot-2.webp"
         ];
 
-        let currentIndex = 0;
-        const imageElement = document.getElementById('rotating-image');
+        let i = 0;
+        const image_element = document.getElementById('rotating-image');
 
         function rotateImage() {
-            imageElement.style.backgroundImage = `url(${images[currentIndex]})`;
-            currentIndex = (currentIndex + 1) % images.length;
+            image_element.style.backgroundImage = `url(${images[i]})`;
+            i = (i + 1) % images.length;
         }
 
-        // Rotate the image every 5 seconds
-        setInterval(rotateImage, 5000);
-
         // Set the initial image
         rotateImage();
+
+        // Rotate the image every 5 seconds
+        setInterval(rotateImage, 5000);
     });
 </script>