diff --git a/data/projects.json b/data/projects.json
index e376132..d0066cb 100644
--- a/data/projects.json
+++ b/data/projects.json
@@ -18,5 +18,10 @@
     "repo_url": "https://github.com/alob-mtc/runnerq",
     "banner": "https://opengraph.githubassets.com/1/alob-mtc/runnerq",
     "tags": ["crate"]
+  },
+  {
+    "repo_url": "https://github.com/deven96/ahnlich",
+    "banner": "https://opengraph.githubassets.com/1/deven96/ahnlich",
+    "tags": ["ai", "crate"]
   }
 ]
diff --git a/src/components/cards_list/mod.rs b/src/components/cards_list/mod.rs
index 8348e43..c42925d 100644
--- a/src/components/cards_list/mod.rs
+++ b/src/components/cards_list/mod.rs
@@ -205,7 +205,10 @@ where
             </div>
         </Show>
 
-        <div class="flex mt-3 items-center gap-x-2 flex-wrap">
+        <div class=cn!(#(
+            "flex mt-3 items-center gap-x-2 flex-wrap opacity-0 duration-300 delay-100",
+              (section_in_view(), "opacity-100")
+        ))>
             {move ||
                 {
 
diff --git a/src/hooks/use_in_view.rs b/src/hooks/use_in_view.rs
index 77c2a71..8dc1062 100644
--- a/src/hooks/use_in_view.rs
+++ b/src/hooks/use_in_view.rs
@@ -45,7 +45,9 @@ where
             let set_visible = set_in_view;
             let observer = IntersectionObserverWrap::new(
                 Box::new(move |entries, _| {
-                    set_visible(entries[0].is_intersecting());
+                    for entry in entries.iter() {
+                        set_visible(entry.is_intersecting());
+                    }
                 }),
                 in_view_options.observer_options.as_ref(),
             );