Commit 6befa7c

@@ -19,7 +19,7 @@ const src = Astro.props.src || (siteBanner.src as string);
     <ImageWrapper
       id="banner-img"
       src={src}
-      class="swup-transition-parallel absolute! h-full w-full overflow-hidden"
+      class="swup-transition-parallel-slide absolute! h-full w-full overflow-hidden"
       basePath={Astro.props.basePath}
     />
   </div>
@@ -117,8 +117,8 @@ const src = Astro.props.src || (siteBanner.src as string);
         const nextImg = nextWrapper.querySelector('img') as HTMLImageElement;
         if (prevImg.src !== nextImg.src) continue;
         prevWrapper.classList.add('hidden');
-        prevWrapper.classList.remove('swup-transition-parallel');
-        nextWrapper.classList.remove('swup-transition-parallel');
+        prevWrapper.classList.remove('swup-transition-parallel-slide');
+        nextWrapper.classList.remove('swup-transition-parallel-slide');
       }
     });
   }

@@ -14,13 +14,13 @@ html.is-animating .swup-transition-slide {
   @apply -translate-x-20 opacity-0;
 }
 
-html.is-changing .swup-transition-parallel {
+html.is-changing .swup-transition-parallel-slide {
   @apply transition-all duration-500 ease-linear;
 }
-html.is-changing .swup-transition-parallel.is-previous-container {
+html.is-changing .swup-transition-parallel-slide.is-previous-container {
   @apply -translate-x-full;
 }
-html.is-changing .swup-transition-parallel.is-next-container {
+html.is-changing .swup-transition-parallel-slide.is-next-container {
   @apply translate-x-full;
 }