add scroll instruction

resources/js/app.js

         this.classList.remove("animate__flash");
     })
 
+    let scrollerInd = document.getElementById("scroller");
+
+    setTimeout(()=>{
+        window.addEventListener('scroll', function(){
+            scrollerInd.remove();
+        })
+    },1000)
 });
 
 
     let initLoad = sessionStorage.getItem("initial-load")
 
     let pointer = document.getElementById("pointer")
-    pointer.remove()
+    if(pointer) pointer.remove()
 
     // parts is intro cover
     let parts = document.getElementsByClassName("part");

resources/views/components/main-event.blade.php

-<div class="flex flex-col gap-5 w-4/5 mt-44 mb-40 text-navbarcolor">
+<div class="flex flex-col gap-5 w-4/5 mt-44 mb-40 text-navbarcolor relative">
     <div class="flex justify-center fade-element">
         <p class="font-semibold text-sm">WALIMATULURUS</p>
     </div>
             <p class="font-semibold text-sm">SULTAN HAJI AHMAD SHAH</p>
         </div>
     </div>
+    <img id="scroller" src="{{asset('assets/scrolling.png')}}" alt="" class="absolute animate__animated animate__fadeInUp animate__infinite" width="35" height="35" style="bottom: 50%; right:20px">
 </div>