This code gives you a cute little fox to follow your curser works on weebly sites change the hosted gif to make it your own ;)
<div id="fox-fixed-layer" style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 999999999; overflow: hidden;">
<div id="fox-mascot" style="position: absolute; width: 70px; left: -100px; top: -100px; display: block !important; visibility: visible !important;">
<img id="fox-img" src="https://www.fruitcakescrew.com/uploads/8/3/3/2/8332582/fox-mascot-gif-2_orig.gif" style="width: 100%; transition: transform 0.2s ease;" />
</div>
</div>
<script>
window.onload = function() {
var foxContainer = document.getElementById('fox-mascot');
var foxImg = document.getElementById('fox-img');
var lastX = 0;
if (foxContainer) {
window.addEventListener('mousemove', function(e) {
// Using requestAnimationFrame for high-performance rendering
window.requestAnimationFrame(function() {
var x = e.clientX;
var y = e.clientY;
foxContainer.style.left = (x + 15) + 'px';
foxContainer.style.top = (y + 15) + 'px';
if (x < lastX) {
foxImg.style.transform = 'scaleX(-1)';
} else if (x > lastX) {
foxImg.style.transform = 'scaleX(1)';
}
lastX = x;
});
});
}
};
</script>
<div id="fox-mascot" style="position: absolute; width: 70px; left: -100px; top: -100px; display: block !important; visibility: visible !important;">
<img id="fox-img" src="https://www.fruitcakescrew.com/uploads/8/3/3/2/8332582/fox-mascot-gif-2_orig.gif" style="width: 100%; transition: transform 0.2s ease;" />
</div>
</div>
<script>
window.onload = function() {
var foxContainer = document.getElementById('fox-mascot');
var foxImg = document.getElementById('fox-img');
var lastX = 0;
if (foxContainer) {
window.addEventListener('mousemove', function(e) {
// Using requestAnimationFrame for high-performance rendering
window.requestAnimationFrame(function() {
var x = e.clientX;
var y = e.clientY;
foxContainer.style.left = (x + 15) + 'px';
foxContainer.style.top = (y + 15) + 'px';
if (x < lastX) {
foxImg.style.transform = 'scaleX(-1)';
} else if (x > lastX) {
foxImg.style.transform = 'scaleX(1)';
}
lastX = x;
});
});
}
};
</script>