first change

public/raffles/assets/js/swiper.js

@@ -0,0 +1,33 @@
+document.querySelectorAll(".video-container").forEach(container => {
+  let video = container.querySelector("video");
+  let playBtn = container.querySelector(".play-button");
+
+  function playVideo() {
+      video.play().catch(error => console.log("Autoplay prevented:", error));
+      playBtn.style.opacity = "0"; // Hide play button
+  }
+
+  function pauseVideo() {
+      setTimeout(() => {
+          if (!video.matches(":hover")) {
+              video.pause();
+              playBtn.style.opacity = "1"; // Show play button again
+          }
+      }, 30);
+  }
+
+  container.addEventListener("mouseover", playVideo);
+  container.addEventListener("mouseout", pauseVideo);
+});
+
+setTimeout(() => {
+    document.querySelector(".line").classList.add("animate");
+}, 1000); // 1000ms = 1 second delay
+setTimeout(() => {
+    document.querySelector(".uni-img").classList.add("animate");
+}, 1500); // 1000ms = 1 second delay
+
+
+
+
+