I need a slow rising animation on logo and the text in the home page. I need the text below the logo should be: "Just list it! In it's pure perfection"

index.html

@@ -31,8 +31,9 @@
             <div class="flex justify-between h-16">
                 <div class="flex items-center">
                     <div class="flex-shrink-0 flex items-center">
-                        <img src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo%20-%20Edited.png" alt="Twinory Logo" class="h-10">
-                    </div>
+                        <img id="logo" src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo%20-%20Edited.png" alt="Twinory Logo" class="h-10 opacity-0">
+                        <span id="tagline" class="text-xs text-yellow-400 opacity-0 ml-2">Just list it! In it's pure perfection</span>
+</div>
                 </div>
                 <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
                     <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:text-orange-400">Home</a>