fix: lazy loading

static/lazy.js

@@ -1,16 +1,16 @@
-    window.onload = function () {
+window.onload = function () {
-        // Get all <img> elements with loading="lazy"
+    // Get all <img> elements with loading="lazy"
-        var lazyImages = document.querySelectorAll('img[loading="lazy"]');
+    var lazyImages = document.querySelectorAll('img[loading="lazy"]');
 
-      console.log(lazyImages)
+    console.log(lazyImages)
 
-        // Loop through each image and apply the fade-in effect
+    // Loop through each image and apply the fade-in effect
-        lazyImages.forEach(function (lazyImage) {
+    lazyImages.forEach(function (lazyImage) {
-        console.log(lazyImage)
+      lazyImage.classList.add('lazy-image');
-            var img = new Image();
+      var img = new Image();
-            img.src = lazyImage.src;
+      img.src = lazyImage.src;
-            img.onload = function () {
+      img.onload = function () {
-                lazyImage.style.opacity = 1;
+          lazyImage.style.opacity = 1;
-            };
+      };
-        });
+    });
-    };
+};