Update header and home page to use image elements for background logos

Replaces background image divs with img tags for dynamic logo placement and styling on the header and home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/y1utQrW

client/src/components/search-header.tsx

@@ -45,59 +45,37 @@ export default function SearchHeader({
 
   return (
     <div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden">
-      {/* go4.video logoti v headerju - ogromni v ozadju */}
-      <div 
-        style={{
-          position: 'absolute',
-          top: '2px', 
-          right: '15%', 
-          transform: 'rotate(-15deg)',
-          width: '1600px',
-          height: '800px',
-          backgroundImage: `url(${go4LogoPath})`,
-          backgroundSize: 'contain',
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: 'center',
-          pointerEvents: 'none',
-          zIndex: -10,
-          opacity: 0.7,
-          filter: 'blur(0.1px)'
-        }}
-      />
-      <div 
+      {/* go4.video logoti v headerju - img elementi */}
+      <img 
+        src={go4LogoPath} 
+        alt="" 
         style={{
           position: 'absolute',
           top: '5px', 
-          left: '20%', 
-          transform: 'rotate(25deg)',
-          width: '1440px',
-          height: '720px',
-          backgroundImage: `url(${go4LogoPath})`,
-          backgroundSize: 'contain',
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: 'center',
+          right: '20%', 
+          transform: 'rotate(-15deg)',
+          width: '180px',
+          height: '90px',
           pointerEvents: 'none',
-          zIndex: -10,
-          opacity: 0.65,
-          filter: 'blur(0.1px)'
+          zIndex: -2,
+          opacity: 0.3,
+          filter: 'blur(0.3px)'
         }}
       />
-      <div 
+      <img 
+        src={go4LogoPath} 
+        alt="" 
         style={{
           position: 'absolute',
           top: '8px', 
-          right: '45%', 
-          transform: 'rotate(-35deg)',
-          width: '1280px',
-          height: '640px',
-          backgroundImage: `url(${go4LogoPath})`,
-          backgroundSize: 'contain',
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: 'center',
+          left: '25%', 
+          transform: 'rotate(25deg)',
+          width: '160px',
+          height: '80px',
           pointerEvents: 'none',
-          zIndex: -10,
-          opacity: 0.6,
-          filter: 'blur(0.1px)'
+          zIndex: -2,
+          opacity: 0.25,
+          filter: 'blur(0.3px)'
         }}
       />