Add multiple large background logos with varied positioning and rotation

Update `home.tsx` to add multiple instances of the go4.video logo with specific styling for positioning, rotation, z-index, and opacity. Also, update `replit.md` to reflect the addition of these background logos.

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/97Ruzf7

client/src/pages/home.tsx

@@ -382,28 +382,6 @@ export default function Home() {
             filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
-        
-        {/* TEST ELEMENT - da vidimo ali je footer sploh viden */}
-        <div 
-          style={{
-            position: 'absolute',
-            top: '10px',
-            left: '10px',
-            width: '200px',
-            height: '100px',
-            backgroundColor: 'red',
-            border: '3px solid yellow',
-            zIndex: 999,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            color: 'white',
-            fontSize: '16px',
-            fontWeight: 'bold'
-          }}
-        >
-          FOOTER TEST
-        </div>
         <img 
           src={go4LogoPath} 
           alt="" 
@@ -415,7 +393,7 @@ export default function Home() {
             width: '600px',
             height: '300px',
             pointerEvents: 'none',
-            zIndex: -1,
+            zIndex: 1,
             opacity: 0.45,
             filter: 'contrast(1.8) brightness(1.4)'
           }}
@@ -431,7 +409,7 @@ export default function Home() {
             width: '500px',
             height: '250px',
             pointerEvents: 'none',
-            zIndex: -1,
+            zIndex: 1,
             opacity: 0.4,
             filter: 'contrast(1.8) brightness(1.4)'
           }}
@@ -447,7 +425,7 @@ export default function Home() {
             width: '650px',
             height: '325px',
             pointerEvents: 'none',
-            zIndex: -1,
+            zIndex: 1,
             opacity: 0.42,
             filter: 'contrast(1.8) brightness(1.4)'
           }}
@@ -463,7 +441,7 @@ export default function Home() {
             width: '550px',
             height: '275px',
             pointerEvents: 'none',
-            zIndex: -1,
+            zIndex: 1,
             opacity: 0.38,
             filter: 'contrast(1.8) brightness(1.4)'
           }}
@@ -479,7 +457,7 @@ export default function Home() {
             width: '600px',
             height: '300px',
             pointerEvents: 'none',
-            zIndex: -1,
+            zIndex: 1,
             opacity: 0.35,
             filter: 'contrast(1.8) brightness(1.4)'
           }}
@@ -495,11 +473,59 @@ export default function Home() {
             width: '480px',
             height: '240px',
             pointerEvents: 'none',
-            zIndex: -1,
+            zIndex: 1,
             opacity: 0.32,
             filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
+        <img 
+          src={go4LogoPath} 
+          alt="" 
+          style={{
+            position: 'absolute',
+            top: '50px', 
+            left: '70%', 
+            transform: 'rotate(-15deg)',
+            width: '520px',
+            height: '260px',
+            pointerEvents: 'none',
+            zIndex: 1,
+            opacity: 0.4,
+            filter: 'contrast(1.8) brightness(1.4)'
+          }}
+        />
+        <img 
+          src={go4LogoPath} 
+          alt="" 
+          style={{
+            position: 'absolute',
+            bottom: '40px', 
+            right: '45%', 
+            transform: 'rotate(125deg)',
+            width: '580px',
+            height: '290px',
+            pointerEvents: 'none',
+            zIndex: 1,
+            opacity: 0.36,
+            filter: 'contrast(1.8) brightness(1.4)'
+          }}
+        />
+        <img 
+          src={go4LogoPath} 
+          alt="" 
+          style={{
+            position: 'absolute',
+            top: '70px', 
+            right: '5%', 
+            transform: 'rotate(-85deg)',
+            width: '450px',
+            height: '225px',
+            pointerEvents: 'none',
+            zIndex: 1,
+            opacity: 0.33,
+            filter: 'contrast(1.8) brightness(1.4)'
+          }}
+        />
         
         {/* Trikotniki v footerju - z nižjim z-index da ne zakrivajo besedila */}
         <div className="absolute top-0 right-0 w-0 h-0 border-l-[150px] border-l-transparent border-b-[90px] border-b-blue-500/6 z-0"></div>

replit.md

@@ -30,6 +30,7 @@ go4.video is a fully functional professional video streaming platform with a com
 - ✅ **Monetization Settings**: Advanced ad network configuration with priority management and real-time revenue tracking
 - ✅ **Modern Triangle Design Theme**: Complete geometric triangle design system with gradient purple-blue color scheme throughout all pages
 - ✅ **Performance Optimizations**: Comprehensive speed improvements including HTTP compression, ETag caching, optimized search debouncing (300ms), WebP thumbnail format, lazy loading, and query optimizations for faster deployment performance
+- ✅ **Large-Scale go4.video Logo Watermarks**: Implemented 25+ large orange go4.video background logos across main page and footer with various rotation angles (-85° to 125°), reduced transparency (0.32-0.55 opacity), and proper CSS filtering for optimal visibility on transparent PNG backgrounds
 
 ## User Preferences