fixed issue #17

src/layouts/components/Logo.astro

@@ -33,8 +33,6 @@ const { theme_switcher }: { theme_switcher: boolean } = config.settings;
           width={logo_width.replace("px", "") * 2}
           height={logo_height.replace("px", "") * 2}
           alt={title}
-          fit={"contain"}
-          background={"rgba(0,0,0,0)"}
           style={{
             height: logo_height.replace("px", "") + "px",
             width: logo_width.replace("px", "") + "px",
@@ -48,8 +46,6 @@ const { theme_switcher }: { theme_switcher: boolean } = config.settings;
             width={logo_width.replace("px", "") * 2}
             height={logo_height.replace("px", "") * 2}
             alt={title}
-            fit={"contain"}
-            background={"rgba(0,0,0,0)"}
             style={{
               height: logo_height.replace("px", "") + "px",
               width: logo_width.replace("px", "") + "px",

src/layouts/partials/Testimonial.astro

@@ -85,28 +85,31 @@ const { testimonial } = Astro.props;
   import "swiper/css/pagination";
   import { Autoplay, Pagination } from "swiper/modules";
 
-  new Swiper(".testimonial-slider", {
-    modules: [Pagination, Autoplay],
-    spaceBetween: 24,
-    loop: true,
-    loopedSlides: 2,
-    centeredSlides: true,
-    autoplay: {
-      delay: 2500,
-      disableOnInteraction: false,
-    },
-    pagination: {
-      el: ".testimonial-slider-pagination",
-      type: "bullets",
-      clickable: true,
-    },
-    breakpoints: {
-      768: {
-        slidesPerView: 2,
+  // astro:page-load event is fired when the page is loaded
+  document.addEventListener("astro:page-load", () => {
+    new Swiper(".testimonial-slider", {
+      modules: [Pagination, Autoplay],
+      spaceBetween: 24,
+      loop: true,
+      loopedSlides: 2,
+      centeredSlides: true,
+      autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
       },
-      992: {
-        slidesPerView: 3,
+      pagination: {
+        el: ".testimonial-slider-pagination",
+        type: "bullets",
+        clickable: true,
       },
-    },
+      breakpoints: {
+        768: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
   });
 </script>