fix page transition

src/layouts/BlogPost.astro

@@ -29,10 +29,7 @@ try {
 ---
 
 <Layout title={post.title} description={post.description}>
-  <article
-    class="prose prose-zinc dark:prose-invert lg:prose-lg mx-auto max-w-4xl"
-    transition:animate="slide"
-  >
+  <article class="prose prose-zinc dark:prose-invert lg:prose-lg mx-auto max-w-4xl">
     <div class="hero-text mb-12">
       <h1
         class="mb-4 text-4xl font-bold tracking-tight text-zinc-900 sm:text-5xl dark:text-zinc-100"

src/pages/tags/[tag].astro

@@ -46,7 +46,7 @@ const relatedTags = [
 ---
 
 <BaseLayout title={`Posts tagged with "${tag}"`}>
-  <div class="mx-auto max-w-5xl px-4 py-10 sm:py-16">
+  <div class="mx-auto max-w-5xl px-4 py-10 sm:py-16" transition:animate="slide" >
     <div class="relative mb-10 sm:mb-16">
       <div class="relative text-center sm:text-left">
         <a