diff --git a/gallery.html b/gallery.html
index e2ff844..08e1775 100644
--- a/gallery.html
+++ b/gallery.html
@@ -148,58 +148,58 @@
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
- 
+
@@ -218,6 +218,7 @@
+
diff --git a/js/gallery-lazy-load.js b/js/gallery-lazy-load.js
new file mode 100644
index 0000000..cb5345f
--- /dev/null
+++ b/js/gallery-lazy-load.js
@@ -0,0 +1,23 @@
+const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
+
+if (vw <= 1000 && vw >= 500) {
+ lazy = document.querySelectorAll('[id="lazy-tablet"]')
+ eager = document.querySelectorAll('[id="eager-tablet"]')
+ for (var i = 0; i < lazy.length; i++) {
+ lazy[i].setAttribute("loading", "lazy");
+ }
+ for (var i = 0; i < eager.length; i++) {
+ eager[i].setAttribute("loading", "eager");
+ }
+}
+
+if (vw <= 500) {
+ lazy = document.querySelectorAll("img.lazy-mobile")
+ eager = document.querySelectorAll("img.eager-mobile")
+ for (var i = 0; i < lazy.length; i++) {
+ lazy[i].setAttribute("loading", "lazy");
+ }
+ for (var i = 0; i < eager.length; i++) {
+ eager[i].setAttribute("loading", "eager");
+ }
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+