I need this image to be replaced in the section

index.html

@@ -31,8 +31,8 @@
             <div class="flex justify-between h-16">
                 <div class="flex items-center">
             <div class="flex-shrink-0 flex items-center">
-                        <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, with perfection!</span>
+                        <img id="logo" src="https://static.photos/retail/200x200/1" alt="Twinory Logo" class="h-10 opacity-0">
+<span id="tagline" class="text-xs text-yellow-400 opacity-0 ml-2">Just list it, with perfection!</span>
         </div>
         <script>
             document.addEventListener('DOMContentLoaded', () => {
@@ -66,7 +66,7 @@
     <div class="hero-bg pt-32 pb-20 md:pt-40 md:pb-32">
         <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
             <div class="absolute inset-0 bg-[url('https://static.photos/legal/1200x630/42')] opacity-10 bg-cover bg-center -z-10"></div>
-            <img id="hero-logo" src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo%20-%20Edited.png" alt="Twinory Logo" class="h-80 mx-auto mb-6 opacity-0 transform translate-y-10 transition-all duration-1000" loading="eager">
+            <img id="hero-logo" src="https://static.photos/retail/640x360/1" alt="Twinory Logo" class="h-80 mx-auto mb-6 opacity-0 transform translate-y-10 transition-all duration-1000" loading="eager">
 <p id="hero-tagline" class="text-3xl md:text-5xl text-gray-300 max-w-3xl mx-auto opacity-0 transform translate-y-10 transition-all duration-1000 delay-300 italic tracking-wide" style="font-family: 'Poppins', sans-serif; font-style: italic;">
 Just list it, with perfection!
 </p>