stack image????

Author: steph1111

_includes/team-showcase.html

@@ -1,7 +1,7 @@
 <section class="hero is-halfheight has-text-left" id="team-showcase">
-    <figure class="hero-background" id="rotating-image" style="background-size: cover; background-position: center;">
+    <figure class="hero-background" style="background-image: url(https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/41309abdbb5d93dbc6c0119bf8f97a3bb38ad743/assets/images/seahawk-II/gallery-seahawk-II/interview.webp);" id="rotating-image">
         <div class="overlay">
-            <div class="container is-centered">
+            <div class="container is-lower-left">
                 <div class="title-text">
                     <h1 class="title has-text-white-ter is-size-1 is-uppercase has-text-weight-bold">
                         Our Team
@@ -11,7 +11,7 @@ <h1 class="title has-text-white-ter is-size-1 is-uppercase has-text-weight-bold"
         </div>
     </figure>
 </section>
-
+<!-- 
 <script>
     document.addEventListener('DOMContentLoaded', function() {
         const images = [
@@ -21,18 +21,16 @@ <h1 class="title has-text-white-ter is-size-1 is-uppercase has-text-weight-bold"
             "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');
-
-        function rotateImage() {
-            imageElement.style.backgroundImage = `url(${images[currentIndex]})`;
-            currentIndex = (currentIndex + 1) % images.length;
+        var image_element = document.getElementById("rotating-image");
+        let i = 0;
+        
+        function rotate() {
+            var new_style = "background-image: url('" + images[i] + "');";
+            image_element.setAttribute("style", new_style);
+            i = (i + 1) % images.length;
         }
 
-        // Set the initial image
-        rotateImage();
-
-        // Rotate the image every 5 seconds
-        setInterval(rotateImage, 5000);
+        rotate();
+        setInterval(rotate, 5000);
     });
-</script>
+</script> -->