<script>
  document.addEventListener("DOMContentLoaded", function () {
    let img = document.createElement("img");
    img.src = "http://comparedge.com/wp-content/uploads/2025/03/594530b09ca356a5b8bb4f6ae43c01a5-removebg-preview.png";
    img.style.position = "fixed";
    img.style.top = "50%";
    img.style.left = "0";
    img.style.transform = "translateY(-50%)";
    img.style.transition = "left 0.2s linear";
    img.style.width = "150px"; // Adjust size as needed
    document.body.appendChild(img);

    let lastScrollTop = 0;
    window.addEventListener("scroll", function () {
      let scrollTop = window.scrollY || document.documentElement.scrollTop;
      let screenWidth = window.innerWidth - img.clientWidth;
      let percentage = scrollTop / (document.body.scrollHeight - window.innerHeight);
      let newLeft = percentage * screenWidth;
      
      if (scrollTop > lastScrollTop) {
        img.style.left = newLeft + "px"; // Moves right when scrolling down
      } else {
        img.style.left = screenWidth - newLeft + "px"; // Moves left when scrolling up
      }
      lastScrollTop = scrollTop;
    });
  });
</script>