can you make the picture in the backround animated - Follow Up Deployment

index.html

@@ -93,7 +93,12 @@
         .scroll-top:hover {
             transform: scale(1.1) translateY(0);
         }
-        
+
+        @keyframes tvStatic {
+            0% { background-position: 0 0; }
+            100% { background-position: 100% 100%; }
+        }
+
         .gradient-border {
             position: relative;
             border-radius: 1rem;
@@ -212,8 +217,8 @@
 
     <!-- Hero Section -->
     <section id="home" class="relative pt-32 pb-20 md:pt-40 md:pb-28 px-6 overflow-hidden">
-        <div class="absolute inset-0 bg-gradient-to-br from-purple-900/30 via-gray-900 to-pink-900/30 z-0"></div>
-        <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1605559424843-9e4c228bf1c2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80')] bg-cover bg-center opacity-20 z-0"></div>
+        <div class="absolute inset-0 bg-gradient-to-br from-gray-900/70 via-gray-900/70 to-gray-900/70 z-0"></div>
+        <div class="absolute inset-0 bg-[url('https://i.ibb.co/60HcTmYR/image.webp')] bg-cover bg-center z-0 opacity-90 animate-[tvStatic_60s_linear_infinite]"></div>
         
         <div class="max-w-7xl mx-auto relative z-10 text-center">
             <img src="https://i.ibb.co/1Yk0MChV/F91-F533-E-C5-CF-4-D18-A295-7-B40-C430-B8-E6-1.png" alt="Jay's Mobile Wash Logo" class="h-32 mx-auto mb-6 float-animation">