Add watermark to index.html with logo image

index.html

@@ -105,6 +105,21 @@
         .slider.ready:hover::after {
             opacity: 1;
         }
+        .watermark {
+            position: absolute;
+            top: 1%;
+            right: 1%;
+            z-index: 15;
+            opacity: 0.9;
+            width: 12%;
+            pointer-events: none;
+            transition: opacity 0.3s ease;
+        }
+        .watermark img {
+            width: 100%;
+            height: auto;
+            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
+        }
         @keyframes slide-animation {
             0% {
                 left: 100%;
@@ -138,6 +153,9 @@
         <video id="video1" playsinline autoplay loop muted></video>
         <video id="video2" class="second-video" playsinline autoplay loop muted></video>
         <div class="slider" id="slider"></div>
+        <div class="watermark">
+            <img src="Logo-SEA-AI.png" alt="SEA.AI Logo">
+        </div>
     </div>
 
     <script>