diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index acdc0799..69a4644f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -27,4 +27,4 @@ jobs:
 
       - run: npm run build --if-present
 
-      - run: npm run test
+      - run: npm run test:unit
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
new file mode 100644
index 00000000..40e23f7e
--- /dev/null
+++ b/.github/workflows/playwright.yml
@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [main, master, develop, "feature/**"]
+  pull_request:
+    branches: [main, master]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        run: npx playwright test
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
diff --git a/.gitignore b/.gitignore
index 59910fa5..23e10e36 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,54 +1,42 @@
-# Windows image file caches
 Thumbs.db
 ehthumbs.db
 
-# Folder config file
 Desktop.ini
 
-# Recycle Bin used on file shares
 $RECYCLE.BIN/
 
-# Windows Installer files
 *.cab
 *.msi
 *.msm
 *.msp
 
-# =========================
-# Operating System Files
-# =========================
-
-# OSX
-# =========================
-
 .DS_Store
 .AppleDouble
 .LSOverride
 
-# Icon must end with two \r
 Icon
 
-
-# Thumbnails
 ._*
 
-# Files that might appear on external disk
 .Spotlight-V100
 .Trashes
 
-# Directories potentially created on remote AFP share
 .AppleDB
 .AppleDesktop
 Network Trash Folder
 Temporary Items
 .apdisk
 
-# Editor files
 .idea
 
-# Node modules
 node_modules
 
-# Jekyll!
 _site
-.sass-cache
\ No newline at end of file
+.sass-cache
+
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
+coverage
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 53df447f..b592551a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Version 19
 
+#### 19.1.0
+
+- Added end to end tests to expand test coverage to more use cases and cross browser
+
 #### 19.0.5
 
 - Removed `.eslintrc.json`, `LICENSE`, `CHANGELOG.md`, `CODE_OF_CONDUCT.md`, `README.md`, `package.json` from the package files, as they didn't have any impact on [code quality](https://docs.npmjs.com/searching-for-and-choosing-packages-to-download#quality).
diff --git a/README.md b/README.md
index a9f8a561..d459ab25 100644
--- a/README.md
+++ b/README.md
@@ -176,7 +176,7 @@ Please note that the video poster can be lazily loaded too.
 
 ## 👩‍💻 Getting started - Script
 
-The latest, recommended version of LazyLoad is **19.0.5**.
+The latest, recommended version of LazyLoad is **19.1.0**.
 Note that if you need to support Internet Explorer 11, you need to use version 17.9.0 or below.
 
 Quickly understand how to upgrade from a previous version reading the [practical upgrade guide](UPGRADE.md).
@@ -186,7 +186,7 @@ Quickly understand how to upgrade from a previous version reading the [practical
 The easiest way to use LazyLoad is to include the script from a CDN.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.5/dist/lazyload.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.1.0/dist/lazyload.min.js"></script>
 ```
 
 OR, if you prefer to import it as an ES module:
@@ -237,7 +237,7 @@ Then include the script.
 ```html
 <script
   async
-  src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.5/dist/lazyload.min.js"
+  src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.1.0/dist/lazyload.min.js"
 ></script>
 ```
 
@@ -271,7 +271,7 @@ Then include the script.
 ```html
 <script
   async
-  src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.5/dist/lazyload.min.js"
+  src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.1.0/dist/lazyload.min.js"
 ></script>
 ```
 
diff --git a/demos/async.html b/demos/async.html
index 39a02292..118d4d78 100644
--- a/demos/async.html
+++ b/demos/async.html
@@ -47,7 +47,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+01"
+              data-src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -57,7 +57,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+02"
+              data-src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -67,7 +67,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -77,7 +77,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -87,7 +87,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -97,7 +97,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -107,7 +107,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -117,7 +117,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -127,7 +127,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -137,7 +137,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -147,7 +147,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -157,7 +157,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -167,7 +167,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -177,7 +177,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -187,7 +187,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -197,7 +197,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -207,7 +207,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -217,7 +217,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -227,7 +227,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -237,7 +237,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -247,7 +247,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -257,7 +257,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -267,7 +267,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -277,7 +277,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -287,7 +287,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -297,7 +297,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -307,7 +307,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -317,7 +317,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -327,7 +327,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -337,7 +337,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -347,7 +347,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -357,7 +357,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -367,7 +367,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -377,7 +377,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -387,7 +387,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -397,7 +397,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -407,7 +407,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -417,7 +417,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -427,7 +427,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -437,7 +437,7 @@ <h1>Async loading demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -464,7 +464,7 @@ <h1>Async loading demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-Error.webp";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/async_multiple.html b/demos/async_multiple.html
index 5b080d45..524d9c11 100644
--- a/demos/async_multiple.html
+++ b/demos/async_multiple.html
@@ -51,7 +51,7 @@ <h1>Async loading, multiple instances demo</h1>
             <a href="#/it/donna/stivaletti_cod44721746jj.html"
               ><img
                 alt="Stivaletti"
-                src="https://via.placeholder.com/440x560?text=Img+01"
+                src="./images/440x560-01.webp"
                 width="220"
                 height="280"
             /></a>
@@ -60,7 +60,7 @@ <h1>Async loading, multiple instances demo</h1>
             <a href="#/it/donna/open-toe_cod44740806jx.html"
               ><img
                 alt="Open toe"
-                src="https://via.placeholder.com/440x560?text=Img+02"
+                src="./images/440x560-02.webp"
                 width="220"
                 height="280"
             /></a>
@@ -70,7 +70,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+03"
+                data-src="./images/440x560-03.webp"
                 width="220"
                 height="280"
             /></a>
@@ -80,7 +80,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes basse"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+04"
+                data-src="./images/440x560-04.webp"
                 width="220"
                 height="280"
             /></a>
@@ -90,7 +90,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes alte"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+05"
+                data-src="./images/440x560-05.webp"
                 width="220"
                 height="280"
             /></a>
@@ -100,7 +100,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes alte"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+06"
+                data-src="./images/440x560-06.webp"
                 width="220"
                 height="280"
             /></a>
@@ -110,7 +110,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes basse"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+07"
+                data-src="./images/440x560-07.webp"
                 width="220"
                 height="280"
             /></a>
@@ -120,7 +120,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes basse"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+08"
+                data-src="./images/440x560-08.webp"
                 width="220"
                 height="280"
             /></a>
@@ -130,7 +130,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivali"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+09"
+                data-src="./images/440x560-09.webp"
                 width="220"
                 height="280"
             /></a>
@@ -140,7 +140,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivali"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+10"
+                data-src="./images/440x560-10.webp"
                 width="220"
                 height="280"
             /></a>
@@ -150,7 +150,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+11"
+                data-src="./images/440x560-11.webp"
                 width="220"
                 height="280"
             /></a>
@@ -160,7 +160,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+12"
+                data-src="./images/440x560-12.webp"
                 width="220"
                 height="280"
             /></a>
@@ -170,7 +170,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivali"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+13"
+                data-src="./images/440x560-13.webp"
                 width="220"
                 height="280"
             /></a>
@@ -180,7 +180,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+14"
+                data-src="./images/440x560-14.webp"
                 width="220"
                 height="280"
             /></a>
@@ -190,7 +190,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Décolleté"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+15"
+                data-src="./images/440x560-15.webp"
                 width="220"
                 height="280"
             /></a>
@@ -200,7 +200,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+16"
+                data-src="./images/440x560-16.webp"
                 width="220"
                 height="280"
             /></a>
@@ -210,7 +210,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+17"
+                data-src="./images/440x560-17.webp"
                 width="220"
                 height="280"
             /></a>
@@ -220,7 +220,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Décolleté"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+18"
+                data-src="./images/440x560-18.webp"
                 width="220"
                 height="280"
             /></a>
@@ -230,7 +230,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Décolleté"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+19"
+                data-src="./images/440x560-19.webp"
                 width="220"
                 height="280"
             /></a>
@@ -243,7 +243,7 @@ <h1>Async loading, multiple instances demo</h1>
             <a href="#/it/donna/francesine_cod44717679mj.html"
               ><img
                 alt="Francesine"
-                src="https://via.placeholder.com/440x560?text=Img+20"
+                src="./images/440x560-20.webp"
                 width="220"
                 height="280"
             /></a>
@@ -252,7 +252,7 @@ <h1>Async loading, multiple instances demo</h1>
             <a href="#/it/donna/stivaletti_cod44724594vu.html"
               ><img
                 alt="Stivaletti"
-                src="https://via.placeholder.com/440x560?text=Img+21"
+                src="./images/440x560-21.webp"
                 width="220"
                 height="280"
             /></a>
@@ -262,7 +262,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Décolleté"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+22"
+                data-src="./images/440x560-22.webp"
                 width="220"
                 height="280"
             /></a>
@@ -272,7 +272,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+23"
+                data-src="./images/440x560-23.webp"
                 width="220"
                 height="280"
             /></a>
@@ -282,7 +282,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+24"
+                data-src="./images/440x560-24.webp"
                 width="220"
                 height="280"
             /></a>
@@ -292,7 +292,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivali"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+25"
+                data-src="./images/440x560-25.webp"
                 width="220"
                 height="280"
             /></a>
@@ -302,7 +302,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+26"
+                data-src="./images/440x560-26.webp"
                 width="220"
                 height="280"
             /></a>
@@ -312,7 +312,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+27"
+                data-src="./images/440x560-27.webp"
                 width="220"
                 height="280"
             /></a>
@@ -322,7 +322,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+28"
+                data-src="./images/440x560-28.webp"
                 width="220"
                 height="280"
             /></a>
@@ -332,7 +332,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+29"
+                data-src="./images/440x560-29.webp"
                 width="220"
                 height="280"
             /></a>
@@ -342,7 +342,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+30"
+                data-src="./images/440x560-30.webp"
                 width="220"
                 height="280"
             /></a>
@@ -352,7 +352,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+31"
+                data-src="./images/440x560-31.webp"
                 width="220"
                 height="280"
             /></a>
@@ -362,7 +362,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+32"
+                data-src="./images/440x560-32.webp"
                 width="220"
                 height="280"
             /></a>
@@ -372,7 +372,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Cuissardes"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+33"
+                data-src="./images/440x560-33.webp"
                 width="220"
                 height="280"
             /></a>
@@ -382,7 +382,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Décolleté"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+34"
+                data-src="./images/440x560-34.webp"
                 width="220"
                 height="280"
             /></a>
@@ -392,7 +392,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Stivaletti"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+35"
+                data-src="./images/440x560-35.webp"
                 width="220"
                 height="280"
             /></a>
@@ -402,7 +402,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes basse"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+36"
+                data-src="./images/440x560-36.webp"
                 width="220"
                 height="280"
             /></a>
@@ -412,7 +412,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+37"
+                data-src="./images/440x560-37.webp"
                 width="220"
                 height="280"
             /></a>
@@ -422,7 +422,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Sneakers &amp; Tennis shoes basse"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+38"
+                data-src="./images/440x560-38.webp"
                 width="220"
                 height="280"
             /></a>
@@ -432,7 +432,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+39"
+                data-src="./images/440x560-39.webp"
                 width="220"
                 height="280"
             /></a>
@@ -442,7 +442,7 @@ <h1>Async loading, multiple instances demo</h1>
               ><img
                 alt="Mocassini"
                 class="lazy"
-                data-src="https://via.placeholder.com/440x560?text=Img+40"
+                data-src="./images/440x560-40.webp"
                 width="220"
                 height="280"
             /></a>
@@ -471,7 +471,7 @@ <h1>Async loading, multiple instances demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-Error.webp";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/background_images.html b/demos/background_images.html
index 420d9211..67b80738 100644
--- a/demos/background_images.html
+++ b/demos/background_images.html
@@ -35,297 +35,297 @@ <h1>Background images demo</h1>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+01"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+01"
+            data-bg="./images/220x280-01.webp"
+            data-bg-hidpi="./images/440x560-01.webp"
           ></a>
         </li>
         <li>
-          <a class="lazy" href="#" data-bg="https://via.placeholder.com/220x280?text=Img+02"></a>
+          <a class="lazy" href="#" data-bg="./images/220x280-02.webp"></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+03"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+03"
+            data-bg="./images/220x280-03.webp"
+            data-bg-hidpi="./images/440x560-03.webp"
           ></a>
         </li>
         <li>
-          <a class="lazy" href="#" data-bg="https://via.placeholder.com/220x280?text=Img+04"></a>
+          <a class="lazy" href="#" data-bg="./images/220x280-04.webp"></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+05"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+05"
+            data-bg="./images/220x280-05.webp"
+            data-bg-hidpi="./images/440x560-05.webp"
           ></a>
         </li>
         <li>
-          <a class="lazy" href="#" data-bg="https://via.placeholder.com/220x280?text=Img+06"></a>
+          <a class="lazy" href="#" data-bg="./images/220x280-06.webp"></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+07"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+07"
+            data-bg="./images/220x280-07.webp"
+            data-bg-hidpi="./images/440x560-07.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+08"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+08"
+            data-bg="./images/220x280-08.webp"
+            data-bg-hidpi="./images/440x560-08.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+09"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+09"
+            data-bg="./images/220x280-09.webp"
+            data-bg-hidpi="./images/440x560-09.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+10"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+10"
+            data-bg="./images/220x280-10.webp"
+            data-bg-hidpi="./images/440x560-10.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+11"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+11"
+            data-bg="./images/220x280-11.webp"
+            data-bg-hidpi="./images/440x560-11.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+12"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+12"
+            data-bg="./images/220x280-12.webp"
+            data-bg-hidpi="./images/440x560-12.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+13"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+13"
+            data-bg="./images/220x280-13.webp"
+            data-bg-hidpi="./images/440x560-13.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+14"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+14"
+            data-bg="./images/220x280-14.webp"
+            data-bg-hidpi="./images/440x560-14.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+15"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+15"
+            data-bg="./images/220x280-15.webp"
+            data-bg-hidpi="./images/440x560-15.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+16"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+16"
+            data-bg="./images/220x280-16.webp"
+            data-bg-hidpi="./images/440x560-16.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+17"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+17"
+            data-bg="./images/220x280-17.webp"
+            data-bg-hidpi="./images/440x560-17.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+18"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+18"
+            data-bg="./images/220x280-18.webp"
+            data-bg-hidpi="./images/440x560-18.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+19"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+19"
+            data-bg="./images/220x280-19.webp"
+            data-bg-hidpi="./images/440x560-19.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+20"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+20"
+            data-bg="./images/220x280-20.webp"
+            data-bg-hidpi="./images/440x560-20.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+21"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+21"
+            data-bg="./images/220x280-21.webp"
+            data-bg-hidpi="./images/440x560-21.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+22"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+22"
+            data-bg="./images/220x280-22.webp"
+            data-bg-hidpi="./images/440x560-22.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+23"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+23"
+            data-bg="./images/220x280-23.webp"
+            data-bg-hidpi="./images/440x560-23.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+24"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+24"
+            data-bg="./images/220x280-24.webp"
+            data-bg-hidpi="./images/440x560-24.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+25"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+25"
+            data-bg="./images/220x280-25.webp"
+            data-bg-hidpi="./images/440x560-25.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+26"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+26"
+            data-bg="./images/220x280-26.webp"
+            data-bg-hidpi="./images/440x560-26.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+27"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+27"
+            data-bg="./images/220x280-27.webp"
+            data-bg-hidpi="./images/440x560-27.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+28"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+28"
+            data-bg="./images/220x280-28.webp"
+            data-bg-hidpi="./images/440x560-28.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+29"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+29"
+            data-bg="./images/220x280-29.webp"
+            data-bg-hidpi="./images/440x560-29.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+30"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+30"
+            data-bg="./images/220x280-30.webp"
+            data-bg-hidpi="./images/440x560-30.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+31"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+31"
+            data-bg="./images/220x280-31.webp"
+            data-bg-hidpi="./images/440x560-31.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+32"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+32"
+            data-bg="./images/220x280-32.webp"
+            data-bg-hidpi="./images/440x560-32.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+33"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+33"
+            data-bg="./images/220x280-33.webp"
+            data-bg-hidpi="./images/440x560-33.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+34"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+34"
+            data-bg="./images/220x280-34.webp"
+            data-bg-hidpi="./images/440x560-34.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+35"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+35"
+            data-bg="./images/220x280-35.webp"
+            data-bg-hidpi="./images/440x560-35.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+36"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+36"
+            data-bg="./images/220x280-36.webp"
+            data-bg-hidpi="./images/440x560-36.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+37"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+37"
+            data-bg="./images/220x280-37.webp"
+            data-bg-hidpi="./images/440x560-37.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+38"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+38"
+            data-bg="./images/220x280-38.webp"
+            data-bg-hidpi="./images/440x560-38.webp"
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg="https://via.placeholder.com/220x280?text=Img+39"
-            data-bg-hidpi="https://via.placeholder.com/440x560?text=Img+39"
+            data-bg="./images/220x280-39.webp"
+            data-bg-hidpi="./images/440x560-39.webp"
           ></a>
         </li>
       </ul>
@@ -350,8 +350,7 @@ <h1>Background images demo</h1>
       };
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
-        element.style.backgroundImage =
-          "url('https://via.placeholder.com/440x560/?text=Error+Placeholder')";
+        element.style.backgroundImage = 'url("./images/440x560-Error.webp")';
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/background_images_image-set.html b/demos/background_images_image-set.html
index 2a1a0ff9..c5fa134a 100644
--- a/demos/background_images_image-set.html
+++ b/demos/background_images_image-set.html
@@ -35,13 +35,9 @@ <h1>Background images with <q>image-set</q> demo</h1>
           <a
             href="#"
             style="
-              background-image: -webkit-image-set(
-                url('https://via.placeholder.com/220x280?text=Img+01') 1x,
-                url('https://via.placeholder.com/440x560?text=Img+01') 2x
-              );
               background-image: image-set(
-                url('https://via.placeholder.com/220x280?text=Img+01') 1x,
-                url('https://via.placeholder.com/440x560?text=Img+01') 2x
+                url('./images/220x280-01.webp') 1x,
+                url('./images/440x560-01.webp') 2x
               );
             "
           ></a>
@@ -51,20 +47,13 @@ <h1>Background images with <q>image-set</q> demo</h1>
             class="multiple"
             href="#"
             style="
-              background-image: -webkit-image-set(
-                  url('https://via.placeholder.com/220x280?text=Img+02+Left') 1x,
-                  url('https://via.placeholder.com/440x560?text=Img+02+Left') 2x
-                  ), -webkit-image-set(
-                url('https://via.placeholder.com/220x280?text=Img+02+Right') 1x, 
-                url('https://via.placeholder.com/440x560?text=Img+02+Right') 2x
-              );
               background-image: image-set(
-                  url('https://via.placeholder.com/220x280?text=Img+02+Left') 1x,
-                  url('https://via.placeholder.com/440x560?text=Img+02+Left') 2x
+                  url('./images/220x280-L-02.webp') 1x,
+                  url('./images/440x560-L-02.webp') 2x
                 ),
                 image-set(
-                  url('https://via.placeholder.com/220x280?text=Img+02+Right') 1x,
-                  url('https://via.placeholder.com/440x560?text=Img+02+Right') 2x
+                  url('./images/220x280-R-02.webp') 1x,
+                  url('./images/440x560-R-02.webp') 2x
                 );
             "
           ></a>
@@ -73,262 +62,259 @@ <h1>Background images with <q>image-set</q> demo</h1>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+03') 1x, url('https://via.placeholder.com/440x560?text=Img+03') 2x"
+            data-bg-set='url("./images/220x280-03.webp") 1x, url("./images/440x560-03.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy multiple"
             href="#"
-            data-bg-set="
-              url('https://via.placeholder.com/220x280?text=Img+04+Left') 1x,  url('https://via.placeholder.com/440x560?text=Img+04+Left') 2x | 
-              url('https://via.placeholder.com/220x280?text=Img+04+Right') 1x, url('https://via.placeholder.com/440x560?text=Img+04+Right') 2x
-            "
+            data-bg-set='url("./images/220x280-L-04.webp") 1x, url("./images/440x560-L-04.webp") 2x | url("./images/220x280-R-04.webp") 1x, url("./images/440x560-R-04.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+05') 1x, url('https://via.placeholder.com/440x560?text=Img+05') 2x"
+            data-bg-set='url("./images/220x280-05.webp") 1x, url("./images/440x560-05.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+06') 1x, url('https://via.placeholder.com/440x560?text=Img+06') 2x"
+            data-bg-set='url("./images/220x280-06.webp") 1x, url("./images/440x560-06.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+07') 1x, url('https://via.placeholder.com/440x560?text=Img+07') 2x"
+            data-bg-set='url("./images/220x280-07.webp") 1x, url("./images/440x560-07.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+08') 1x, url('https://via.placeholder.com/440x560?text=Img+08') 2x"
+            data-bg-set='url("./images/220x280-08.webp") 1x, url("./images/440x560-08.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+09') 1x, url('https://via.placeholder.com/440x560?text=Img+09') 2x"
+            data-bg-set='url("./images/220x280-09.webp") 1x, url("./images/440x560-09.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+10') 1x, url('https://via.placeholder.com/440x560?text=Img+10') 2x"
+            data-bg-set='url("./images/220x280-10.webp") 1x, url("./images/440x560-10.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+11') 1x, url('https://via.placeholder.com/440x560?text=Img+11') 2x"
+            data-bg-set='url("./images/220x280-11.webp") 1x, url("./images/440x560-11.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+12') 1x, url('https://via.placeholder.com/440x560?text=Img+12') 2x"
+            data-bg-set='url("./images/220x280-12.webp") 1x, url("./images/440x560-12.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+13') 1x, url('https://via.placeholder.com/440x560?text=Img+13') 2x"
+            data-bg-set='url("./images/220x280-13.webp") 1x, url("./images/440x560-13.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+14') 1x, url('https://via.placeholder.com/440x560?text=Img+14') 2x"
+            data-bg-set='url("./images/220x280-14.webp") 1x, url("./images/440x560-14.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+15') 1x, url('https://via.placeholder.com/440x560?text=Img+15') 2x"
+            data-bg-set='url("./images/220x280-15.webp") 1x, url("./images/440x560-15.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+16') 1x, url('https://via.placeholder.com/440x560?text=Img+16') 2x"
+            data-bg-set='url("./images/220x280-16.webp") 1x, url("./images/440x560-16.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+17') 1x, url('https://via.placeholder.com/440x560?text=Img+17') 2x"
+            data-bg-set='url("./images/220x280-17.webp") 1x, url("./images/440x560-17.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+18') 1x, url('https://via.placeholder.com/440x560?text=Img+18') 2x"
+            data-bg-set='url("./images/220x280-18.webp") 1x, url("./images/440x560-18.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+19') 1x, url('https://via.placeholder.com/440x560?text=Img+19') 2x"
+            data-bg-set='url("./images/220x280-19.webp") 1x, url("./images/440x560-19.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+20') 1x, url('https://via.placeholder.com/440x560?text=Img+20') 2x"
+            data-bg-set='url("./images/220x280-20.webp") 1x, url("./images/440x560-20.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+21') 1x, url('https://via.placeholder.com/440x560?text=Img+21') 2x"
+            data-bg-set='url("./images/220x280-21.webp") 1x, url("./images/440x560-21.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+22') 1x, url('https://via.placeholder.com/440x560?text=Img+22') 2x"
+            data-bg-set='url("./images/220x280-22.webp") 1x, url("./images/440x560-22.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+23') 1x, url('https://via.placeholder.com/440x560?text=Img+23') 2x"
+            data-bg-set='url("./images/220x280-23.webp") 1x, url("./images/440x560-23.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+24') 1x, url('https://via.placeholder.com/440x560?text=Img+24') 2x"
+            data-bg-set='url("./images/220x280-24.webp") 1x, url("./images/440x560-24.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+25') 1x, url('https://via.placeholder.com/440x560?text=Img+25') 2x"
+            data-bg-set='url("./images/220x280-25.webp") 1x, url("./images/440x560-25.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+26') 1x, url('https://via.placeholder.com/440x560?text=Img+26') 2x"
+            data-bg-set='url("./images/220x280-26.webp") 1x, url("./images/440x560-26.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+27') 1x, url('https://via.placeholder.com/440x560?text=Img+27') 2x"
+            data-bg-set='url("./images/220x280-27.webp") 1x, url("./images/440x560-27.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+28') 1x, url('https://via.placeholder.com/440x560?text=Img+28') 2x"
+            data-bg-set='url("./images/220x280-28.webp") 1x, url("./images/440x560-28.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+29') 1x, url('https://via.placeholder.com/440x560?text=Img+29') 2x"
+            data-bg-set='url("./images/220x280-29.webp") 1x, url("./images/440x560-29.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+30') 1x, url('https://via.placeholder.com/440x560?text=Img+30') 2x"
+            data-bg-set='url("./images/220x280-30.webp") 1x, url("./images/440x560-30.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+31') 1x, url('https://via.placeholder.com/440x560?text=Img+31') 2x"
+            data-bg-set='url("./images/220x280-31.webp") 1x, url("./images/440x560-31.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+32') 1x, url('https://via.placeholder.com/440x560?text=Img+32') 2x"
+            data-bg-set='url("./images/220x280-32.webp") 1x, url("./images/440x560-32.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+33') 1x, url('https://via.placeholder.com/440x560?text=Img+33') 2x"
+            data-bg-set='url("./images/220x280-33.webp") 1x, url("./images/440x560-33.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+34') 1x, url('https://via.placeholder.com/440x560?text=Img+34') 2x"
+            data-bg-set='url("./images/220x280-34.webp") 1x, url("./images/440x560-34.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+35') 1x, url('https://via.placeholder.com/440x560?text=Img+35') 2x"
+            data-bg-set='url("./images/220x280-35.webp") 1x, url("./images/440x560-35.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+36') 1x, url('https://via.placeholder.com/440x560?text=Img+36') 2x"
+            data-bg-set='url("./images/220x280-36.webp") 1x, url("./images/440x560-36.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+37') 1x, url('https://via.placeholder.com/440x560?text=Img+37') 2x"
+            data-bg-set='url("./images/220x280-37.webp") 1x, url("./images/440x560-37.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+38') 1x, url('https://via.placeholder.com/440x560?text=Img+38') 2x"
+            data-bg-set='url("./images/220x280-38.webp") 1x, url("./images/440x560-38.webp") 2x'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#"
-            data-bg-set="url('https://via.placeholder.com/220x280?text=Img+39') 1x, url('https://via.placeholder.com/440x560?text=Img+39') 2x"
+            data-bg-set='url("./images/220x280-39.webp") 1x, url("./images/440x560-39.webp") 2x'
           ></a>
         </li>
       </ul>
@@ -353,8 +339,7 @@ <h1>Background images with <q>image-set</q> demo</h1>
       };
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
-        element.style.backgroundImage =
-          "url('https://via.placeholder.com/440x560/?text=Error+Placeholder')";
+        element.style.backgroundImage = 'url("./images/440x560-Error.webp")';
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/background_images_multi.html b/demos/background_images_multi.html
index c35cd227..2c80a7fc 100644
--- a/demos/background_images_multi.html
+++ b/demos/background_images_multi.html
@@ -2,9 +2,7 @@
 <html>
   <head lang="en">
     <meta charset="UTF-8" />
-    <title>
-      Multiple background images - Lazyload demos
-    </title>
+    <title>Multiple background images - Lazyload demos</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style>
       ul,
@@ -37,23 +35,23 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44721746jj.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+01')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+01')"
+            data-bg-multi='url("./images/220x280-01.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-01.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/open-toe_cod44740806jx.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+02')"
+            data-bg-multi='url("./images/220x280-02.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+03+Left'),url('https://via.placeholder.com/440x560?text=Img+03+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+03+Left'),url('https://via.placeholder.com/440x560?text=Img+03+Right')"
+            data-bg-multi='url("./images/220x280-L-03.webp"), url("./images/440x560-R-03.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-03.webp"), url("./images/440x560-R-03.webp")'
             class="multiple"
           ></a>
         </li>
@@ -61,22 +59,22 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-basse_cod44738717am.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+03')"
+            data-bg-multi='url("./images/220x280-03.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-alte_cod44739940cb.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+04')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+04')"
+            data-bg-multi='url("./images/220x280-04.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-04.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-alte_cod44740860xg.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+05+Left'),url('https://via.placeholder.com/440x560?text=Img+05+Right')"
+            data-bg-multi='url("./images/220x280-L-05.webp"), url("./images/440x560-R-05.webp")'
             class="multiple"
           ></a>
         </li>
@@ -84,24 +82,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-basse_cod44738719vn.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+06')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+06')"
+            data-bg-multi='url("./images/220x280-06.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-06.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-basse_cod44739938wk.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+07')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+07')"
+            data-bg-multi='url("./images/220x280-07.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-07.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivali_cod44736534fq.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+08+Left'),url('https://via.placeholder.com/440x560?text=Img+08+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+08+Left'),url('https://via.placeholder.com/440x560?text=Img+08+Right')"
+            data-bg-multi='url("./images/220x280-L-08.webp"), url("./images/440x560-R-08.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-08.webp"), url("./images/440x560-R-08.webp")'
             class="multiple"
           ></a>
         </li>
@@ -109,24 +107,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/stivali_cod44735388ui.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+09')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+09')"
+            data-bg-multi='url("./images/220x280-09.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-09.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44739165ev.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+10')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+10')"
+            data-bg-multi='url("./images/220x280-10.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-10.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44739454hf.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+11+Left'),url('https://via.placeholder.com/440x560?text=Img+11+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+11+Left'),url('https://via.placeholder.com/440x560?text=Img+11+Right')"
+            data-bg-multi='url("./images/220x280-L-11.webp"), url("./images/440x560-R-11.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-11.webp"), url("./images/440x560-R-11.webp")'
             class="multiple"
           ></a>
         </li>
@@ -134,24 +132,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/stivali_cod44719480km.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+12')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+12')"
+            data-bg-multi='url("./images/220x280-12.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-12.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44719687td.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+13')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+13')"
+            data-bg-multi='url("./images/220x280-13.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-13.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/decollete_cod44721899ng.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+14+Left'),url('https://via.placeholder.com/440x560?text=Img+14+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+14+Left'),url('https://via.placeholder.com/440x560?text=Img+14+Right')"
+            data-bg-multi='url("./images/220x280-L-14.webp"), url("./images/440x560-R-14.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-14.webp"), url("./images/440x560-R-14.webp")'
             class="multiple"
           ></a>
         </li>
@@ -159,24 +157,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44721744sl.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+15')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+15')"
+            data-bg-multi='url("./images/220x280-15.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-15.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44716730kr.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+16')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+16')"
+            data-bg-multi='url("./images/220x280-16.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-16.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/decollete_cod44718734xl.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+17+Left'),url('https://via.placeholder.com/440x560?text=Img+17+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+17+Left'),url('https://via.placeholder.com/440x560?text=Img+17+Right')"
+            data-bg-multi='url("./images/220x280-L-17.webp"), url("./images/440x560-R-17.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-17.webp"), url("./images/440x560-R-17.webp")'
             class="multiple"
           ></a>
         </li>
@@ -184,24 +182,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/decollete_cod44721796uk.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+18')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+18')"
+            data-bg-multi='url("./images/220x280-18.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-18.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/francesine_cod44717679mj.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+19')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+19')"
+            data-bg-multi='url("./images/220x280-19.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-19.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44724594vu.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+20+Left'),url('https://via.placeholder.com/440x560?text=Img+20+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+20+Left'),url('https://via.placeholder.com/440x560?text=Img+20+Right')"
+            data-bg-multi='url("./images/220x280-L-20.webp"), url("./images/440x560-R-20.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-20.webp"), url("./images/440x560-R-20.webp")'
             class="multiple"
           ></a>
         </li>
@@ -209,24 +207,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/decollete_cod44726148aq.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+21')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+21')"
+            data-bg-multi='url("./images/220x280-21.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-21.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44719629nt.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+22')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+22')"
+            data-bg-multi='url("./images/220x280-22.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-22.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44725329kq.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+23+Left'),url('https://via.placeholder.com/440x560?text=Img+23+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+23+Left'),url('https://via.placeholder.com/440x560?text=Img+23+Right')"
+            data-bg-multi='url("./images/220x280-L-23.webp"), url("./images/440x560-R-23.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-23.webp"), url("./images/440x560-R-23.webp")'
             class="multiple"
           ></a>
         </li>
@@ -234,24 +232,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/stivali_cod44724026qs.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+24')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+24')"
+            data-bg-multi='url("./images/220x280-24.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-24.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44720256gw.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+25')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+25')"
+            data-bg-multi='url("./images/220x280-25.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-25.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44722062id.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+26+Left'),url('https://via.placeholder.com/440x560?text=Img+26+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+26+Left'),url('https://via.placeholder.com/440x560?text=Img+26+Right')"
+            data-bg-multi='url("./images/220x280-L-26.webp"), url("./images/440x560-R-26.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-26.webp"), url("./images/440x560-R-26.webp")'
             class="multiple"
           ></a>
         </li>
@@ -259,24 +257,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44722402rh.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+27')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+27')"
+            data-bg-multi='url("./images/220x280-27.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-27.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44726296vu.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+28')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+28')"
+            data-bg-multi='url("./images/220x280-28.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-28.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44725755ct.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+29+Left'),url('https://via.placeholder.com/440x560?text=Img+29+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+29+Left'),url('https://via.placeholder.com/440x560?text=Img+29+Right')"
+            data-bg-multi='url("./images/220x280-L-29.webp"), url("./images/440x560-R-29.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-29.webp"), url("./images/440x560-R-29.webp")'
             class="multiple"
           ></a>
         </li>
@@ -284,24 +282,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44725348nv.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+30')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+30')"
+            data-bg-multi='url("./images/220x280-30.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-30.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44721879xx.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+31')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+31')"
+            data-bg-multi='url("./images/220x280-31.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-31.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/cuissardes_cod44729472iq.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+32+Left'),url('https://via.placeholder.com/440x560?text=Img+32+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+32+Left'),url('https://via.placeholder.com/440x560?text=Img+32+Right')"
+            data-bg-multi='url("./images/220x280-L-32.webp"), url("./images/440x560-R-32.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-32.webp"), url("./images/440x560-R-32.webp")'
             class="multiple"
           ></a>
         </li>
@@ -309,24 +307,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/decollete_cod44725388jv.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+33')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+33')"
+            data-bg-multi='url("./images/220x280-33.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-33.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/stivaletti_cod44721854ce.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+34')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+34')"
+            data-bg-multi='url("./images/220x280-34.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-34.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-basse_cod44727690jp.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+35+Left'),url('https://via.placeholder.com/440x560?text=Img+35+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+35+Left'),url('https://via.placeholder.com/440x560?text=Img+35+Right')"
+            data-bg-multi='url("./images/220x280-L-35.webp"), url("./images/440x560-R-35.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-35.webp"), url("./images/440x560-R-35.webp")'
             class="multiple"
           ></a>
         </li>
@@ -334,24 +332,24 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44727501hh.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+36')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+36')"
+            data-bg-multi='url("./images/220x280-36.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-36.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/sneakers-tennis-shoes-basse_cod44727038aq.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+37')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+37')"
+            data-bg-multi='url("./images/220x280-37.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-37.webp")'
           ></a>
         </li>
         <li>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44704882bq.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+38+Left'),url('https://via.placeholder.com/440x560?text=Img+38+Right')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+38+Left'),url('https://via.placeholder.com/440x560?text=Img+38+Right')"
+            data-bg-multi='url("./images/220x280-L-38.webp"), url("./images/440x560-R-38.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-L-38.webp"), url("./images/440x560-R-38.webp")'
             class="multiple"
           ></a>
         </li>
@@ -359,8 +357,8 @@ <h1>Multiple background images demo</h1>
           <a
             class="lazy"
             href="#/it/donna/mocassini_cod44734002vc.html"
-            data-bg-multi="url('https://via.placeholder.com/220x280?text=Img+39')"
-            data-bg-multi-hidpi="url('https://via.placeholder.com/440x560?text=Img+39')"
+            data-bg-multi='url("./images/220x280-39.webp")'
+            data-bg-multi-hidpi='url("./images/440x560-39.webp")'
           ></a>
         </li>
       </ul>
@@ -368,11 +366,7 @@ <h1>Multiple background images demo</h1>
     <script src="../dist/lazyload.min.js"></script>
     <script>
       function logElementEvent(eventName, element) {
-        console.log(
-          Date.now(),
-          eventName,
-          element.getAttribute("data-bg-multi")
-        );
+        console.log(Date.now(), eventName, element.getAttribute("data-bg-multi"));
       }
 
       var callback_enter = function (element) {
@@ -392,8 +386,7 @@ <h1>Multiple background images demo</h1>
       };
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
-        element.style.backgroundImage =
-          "url('https://via.placeholder.com/440x560/?text=Error+Placeholder')";
+        element.style.backgroundImage = "url(&quot;./images/440x560-Error.webp&quot;)";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/container_multiple.html b/demos/container_multiple.html
index 120c6616..bf445f15 100644
--- a/demos/container_multiple.html
+++ b/demos/container_multiple.html
@@ -51,7 +51,7 @@ <h1>Multiple scrolling container demo</h1>
             <a href="#/it/donna/stivaletti_cod44721746jj.html"
               ><img
                 alt="Stivaletti"
-                src="https://via.placeholder.com/440x560?text=Img+01"
+                src="./images/440x560-01.webp"
                 width="220"
                 height="280"
             /></a>
@@ -60,7 +60,7 @@ <h1>Multiple scrolling container demo</h1>
             <a href="#/it/donna/open-toe_cod44740806jx.html"
               ><img
                 alt="Open toe"
-                src="https://via.placeholder.com/440x560?text=Img+02"
+                src="./images/440x560-02.webp"
                 width="220"
                 height="280"
             /></a>
@@ -70,7 +70,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis"
-                data-src="https://via.placeholder.com/440x560?text=Img+03"
+                data-src="./images/440x560-03.webp"
                 width="220"
                 height="280"
             /></a>
@@ -80,7 +80,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes basse"
-                data-src="https://via.placeholder.com/440x560?text=Img+04"
+                data-src="./images/440x560-04.webp"
                 width="220"
                 height="280"
             /></a>
@@ -90,7 +90,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes alte"
-                data-src="https://via.placeholder.com/440x560?text=Img+05"
+                data-src="./images/440x560-05.webp"
                 width="220"
                 height="280"
             /></a>
@@ -100,7 +100,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes alte"
-                data-src="https://via.placeholder.com/440x560?text=Img+06"
+                data-src="./images/440x560-06.webp"
                 width="220"
                 height="280"
             /></a>
@@ -110,7 +110,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes basse"
-                data-src="https://via.placeholder.com/440x560?text=Img+07"
+                data-src="./images/440x560-07.webp"
                 width="220"
                 height="280"
             /></a>
@@ -120,7 +120,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes basse"
-                data-src="https://via.placeholder.com/440x560?text=Img+08"
+                data-src="./images/440x560-08.webp"
                 width="220"
                 height="280"
             /></a>
@@ -130,7 +130,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivali"
-                data-src="https://via.placeholder.com/440x560?text=Img+09"
+                data-src="./images/440x560-09.webp"
                 width="220"
                 height="280"
             /></a>
@@ -140,7 +140,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivali"
-                data-src="https://via.placeholder.com/440x560?text=Img+10"
+                data-src="./images/440x560-10.webp"
                 width="220"
                 height="280"
             /></a>
@@ -150,7 +150,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+11"
+                data-src="./images/440x560-11.webp"
                 width="220"
                 height="280"
             /></a>
@@ -160,7 +160,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+12"
+                data-src="./images/440x560-12.webp"
                 width="220"
                 height="280"
             /></a>
@@ -170,7 +170,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivali"
-                data-src="https://via.placeholder.com/440x560?text=Img+13"
+                data-src="./images/440x560-13.webp"
                 width="220"
                 height="280"
             /></a>
@@ -180,7 +180,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+14"
+                data-src="./images/440x560-14.webp"
                 width="220"
                 height="280"
             /></a>
@@ -190,7 +190,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Décolleté"
-                data-src="https://via.placeholder.com/440x560?text=Img+15"
+                data-src="./images/440x560-15.webp"
                 width="220"
                 height="280"
             /></a>
@@ -200,7 +200,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+16"
+                data-src="./images/440x560-16.webp"
                 width="220"
                 height="280"
             /></a>
@@ -210,7 +210,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+17"
+                data-src="./images/440x560-17.webp"
                 width="220"
                 height="280"
             /></a>
@@ -220,7 +220,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Décolleté"
-                data-src="https://via.placeholder.com/440x560?text=Img+18"
+                data-src="./images/440x560-18.webp"
                 width="220"
                 height="280"
             /></a>
@@ -230,7 +230,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Décolleté"
-                data-src="https://via.placeholder.com/440x560?text=Img+19"
+                data-src="./images/440x560-19.webp"
                 width="220"
                 height="280"
             /></a>
@@ -243,7 +243,7 @@ <h1>Multiple scrolling container demo</h1>
             <a href="#/it/donna/francesine_cod44717679mj.html"
               ><img
                 alt="Francesine"
-                src="https://via.placeholder.com/440x560?text=Img+20"
+                src="./images/440x560-20.webp"
                 width="220"
                 height="280"
             /></a>
@@ -252,7 +252,7 @@ <h1>Multiple scrolling container demo</h1>
             <a href="#/it/donna/stivaletti_cod44724594vu.html"
               ><img
                 alt="Stivaletti"
-                src="https://via.placeholder.com/440x560?text=Img+21"
+                src="./images/440x560-21.webp"
                 width="220"
                 height="280"
             /></a>
@@ -262,7 +262,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Décolleté"
-                data-src="https://via.placeholder.com/440x560?text=Img+22"
+                data-src="./images/440x560-22.webp"
                 width="220"
                 height="280"
             /></a>
@@ -272,7 +272,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+23"
+                data-src="./images/440x560-23.webp"
                 width="220"
                 height="280"
             /></a>
@@ -282,7 +282,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+24"
+                data-src="./images/440x560-24.webp"
                 width="220"
                 height="280"
             /></a>
@@ -292,7 +292,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivali"
-                data-src="https://via.placeholder.com/440x560?text=Img+25"
+                data-src="./images/440x560-25.webp"
                 width="220"
                 height="280"
             /></a>
@@ -302,7 +302,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+26"
+                data-src="./images/440x560-26.webp"
                 width="220"
                 height="280"
             /></a>
@@ -312,7 +312,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+27"
+                data-src="./images/440x560-27.webp"
                 width="220"
                 height="280"
             /></a>
@@ -322,7 +322,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+28"
+                data-src="./images/440x560-28.webp"
                 width="220"
                 height="280"
             /></a>
@@ -332,7 +332,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+29"
+                data-src="./images/440x560-29.webp"
                 width="220"
                 height="280"
             /></a>
@@ -342,7 +342,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+30"
+                data-src="./images/440x560-30.webp"
                 width="220"
                 height="280"
             /></a>
@@ -352,7 +352,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+31"
+                data-src="./images/440x560-31.webp"
                 width="220"
                 height="280"
             /></a>
@@ -362,7 +362,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+32"
+                data-src="./images/440x560-32.webp"
                 width="220"
                 height="280"
             /></a>
@@ -372,7 +372,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Cuissardes"
-                data-src="https://via.placeholder.com/440x560?text=Img+33"
+                data-src="./images/440x560-33.webp"
                 width="220"
                 height="280"
             /></a>
@@ -382,7 +382,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Décolleté"
-                data-src="https://via.placeholder.com/440x560?text=Img+34"
+                data-src="./images/440x560-34.webp"
                 width="220"
                 height="280"
             /></a>
@@ -392,7 +392,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Stivaletti"
-                data-src="https://via.placeholder.com/440x560?text=Img+35"
+                data-src="./images/440x560-35.webp"
                 width="220"
                 height="280"
             /></a>
@@ -402,7 +402,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes basse"
-                data-src="https://via.placeholder.com/440x560?text=Img+36"
+                data-src="./images/440x560-36.webp"
                 width="220"
                 height="280"
             /></a>
@@ -412,7 +412,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+37"
+                data-src="./images/440x560-37.webp"
                 width="220"
                 height="280"
             /></a>
@@ -422,7 +422,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Sneakers &amp; Tennis shoes basse"
-                data-src="https://via.placeholder.com/440x560?text=Img+38"
+                data-src="./images/440x560-38.webp"
                 width="220"
                 height="280"
             /></a>
@@ -432,7 +432,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+39"
+                data-src="./images/440x560-39.webp"
                 width="220"
                 height="280"
             /></a>
@@ -442,7 +442,7 @@ <h1>Multiple scrolling container demo</h1>
               ><img
                 class="lazy"
                 alt="Mocassini"
-                data-src="https://via.placeholder.com/440x560?text=Img+40"
+                data-src="./images/440x560-40.webp"
                 width="220"
                 height="280"
             /></a>
@@ -473,7 +473,7 @@ <h1>Multiple scrolling container demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/container_single.html b/demos/container_single.html
index da30b5c3..36bf732d 100644
--- a/demos/container_single.html
+++ b/demos/container_single.html
@@ -45,7 +45,7 @@ <h1>Single scrolling container demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -54,7 +54,7 @@ <h1>Single scrolling container demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -64,7 +64,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -74,7 +74,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -84,7 +84,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -94,7 +94,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -104,7 +104,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -114,7 +114,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -124,7 +124,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -134,7 +134,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -144,7 +144,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -154,7 +154,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -164,7 +164,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -174,7 +174,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -184,7 +184,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -194,7 +194,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -204,7 +204,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -214,7 +214,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -224,7 +224,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -234,7 +234,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -244,7 +244,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -254,7 +254,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -264,7 +264,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -274,7 +274,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -284,7 +284,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -294,7 +294,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -304,7 +304,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -314,7 +314,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -324,7 +324,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -334,7 +334,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -344,7 +344,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -354,7 +354,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -364,7 +364,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -374,7 +374,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -384,7 +384,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -394,7 +394,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -404,7 +404,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -414,7 +414,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -424,7 +424,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -434,7 +434,7 @@ <h1>Single scrolling container demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -463,7 +463,7 @@ <h1>Single scrolling container demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/dynamic_content.html b/demos/dynamic_content.html
index 69afd7b8..02a9fb27 100644
--- a/demos/dynamic_content.html
+++ b/demos/dynamic_content.html
@@ -63,7 +63,7 @@ <h1>Dynamic content demo</h1>
         <li>
           <a href="#">
             <img
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               alt="Stivaletti"
               width="220"
               height="280"
@@ -73,7 +73,7 @@ <h1>Dynamic content demo</h1>
         <li>
           <a href="#">
             <img
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               alt="Open toe"
               width="220"
               height="280"
@@ -84,7 +84,7 @@ <h1>Dynamic content demo</h1>
           <a href="#">
             <img
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               alt="Sneakers &amp; Tennis"
               width="220"
               height="280"
@@ -95,7 +95,7 @@ <h1>Dynamic content demo</h1>
           <a href="#">
             <img
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               alt="Sneakers &amp; Tennis shoes basse"
               width="220"
               height="280"
@@ -106,7 +106,7 @@ <h1>Dynamic content demo</h1>
           <a href="#">
             <img
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               alt="Sneakers &amp; Tennis shoes alte"
               width="220"
               height="280"
@@ -117,7 +117,7 @@ <h1>Dynamic content demo</h1>
           <a href="#">
             <img
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               alt="Sneakers &amp; Tennis shoes alte"
               width="220"
               height="280"
@@ -128,7 +128,7 @@ <h1>Dynamic content demo</h1>
           <a href="#">
             <img
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               alt="Sneakers &amp; Tennis shoes basse"
               width="220"
               height="280"
@@ -164,7 +164,7 @@ <h1>Dynamic content demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
@@ -186,9 +186,9 @@ <h1>Dynamic content demo</h1>
 
         // Add more content
         additionalContent = [
-          '<li><a href="#"><img alt="Sneakers &amp; Tennis shoes basse" src="https://via.placeholder.com/440x560?text=Img+09" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+10" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+11" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+12" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+13" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+14" width="220" height="280"></a> </li>',
-          '<li><a href="#"><img alt="Stivaletti" src="https://via.placeholder.com/440x560?text=Img+15" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+16" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Mocassini" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+17" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+18" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+19" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+20" width="220" height="280"></a> </li>',
-          '<li><a href="#"><img alt="Francesine" src="https://via.placeholder.com/440x560?text=Img+21" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+22" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+23" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Mocassini" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+24" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Mocassini" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+25" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="https://via.placeholder.com/440x560?text=Img+26" width="220" height="280"></a> </li>'
+          '<li><a href="#"><img alt="Sneakers &amp; Tennis shoes basse" src="./images/440x560-09.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="./images/440x560-10.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="./images/440x560-11.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="./images/440x560-12.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="./images/440x560-13.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="./images/440x560-14.webp" width="220" height="280"></a> </li>',
+          '<li><a href="#"><img alt="Stivaletti" src="./images/440x560-15.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="./images/440x560-16.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Mocassini" class="lazy" data-src="./images/440x560-17.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="./images/440x560-18.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="./images/440x560-19.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="./images/440x560-20.webp" width="220" height="280"></a> </li>',
+          '<li><a href="#"><img alt="Francesine" src="./images/440x560-21.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivaletti" class="lazy" data-src="./images/440x560-22.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Décolleté" class="lazy" data-src="./images/440x560-23.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Mocassini" class="lazy" data-src="./images/440x560-24.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Mocassini" class="lazy" data-src="./images/440x560-25.webp" width="220" height="280"></a> </li> <li> <a href="#"><img alt="Stivali" class="lazy" data-src="./images/440x560-26.webp" width="220" height="280"></a> </li>'
         ];
 
         addContentButton = document.getElementById("addContent");
diff --git a/demos/dynamic_content_nodeset.html b/demos/dynamic_content_nodeset.html
index d858b459..84e6d5eb 100644
--- a/demos/dynamic_content_nodeset.html
+++ b/demos/dynamic_content_nodeset.html
@@ -52,7 +52,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
             />
@@ -62,7 +62,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
             />
@@ -72,7 +72,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
             />
@@ -82,7 +82,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
             />
@@ -92,7 +92,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
             />
@@ -102,7 +102,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
             />
@@ -112,7 +112,7 @@ <h1>Dynamic content passing nodeset demo</h1>
           <a href="#">
             <img
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
             />
@@ -147,7 +147,7 @@ <h1>Dynamic content passing nodeset demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
@@ -171,9 +171,9 @@ <h1>Dynamic content passing nodeset demo</h1>
         );
 
         additionalContent = [
-          '<li><a href="#"><img alt="Sneakers &amp; Tennis shoes basse" src="https://via.placeholder.com/440x560?text=Img+08" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="https://via.placeholder.com/440x560?text=Img+09" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="https://via.placeholder.com/440x560?text=Img+10" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="https://via.placeholder.com/440x560?text=Img+11" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="https://via.placeholder.com/440x560?text=Img+12" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="https://via.placeholder.com/440x560?text=Img+13" width="220" height="280"></a> </li>',
-          '<li><a href="#"><img alt="Stivaletti" src="https://via.placeholder.com/440x560?text=Img+14" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="https://via.placeholder.com/440x560?text=Img+15" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Mocassini" data-src="https://via.placeholder.com/440x560?text=Img+16" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="https://via.placeholder.com/440x560?text=Img+17" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="https://via.placeholder.com/440x560?text=Img+18" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="https://via.placeholder.com/440x560?text=Img+19" width="220" height="280"></a> </li>',
-          '<li><a href="#"><img alt="Francesine" src="https://via.placeholder.com/440x560?text=Img+20" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="https://via.placeholder.com/440x560?text=Img+21" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="https://via.placeholder.com/440x560?text=Img+22" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Mocassini" data-src="https://via.placeholder.com/440x560?text=Img+23" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Mocassini" data-src="https://via.placeholder.com/440x560?text=Img+24" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="https://via.placeholder.com/440x560?text=Img+25" width="220" height="280"></a> </li>'
+          '<li><a href="#"><img alt="Sneakers &amp; Tennis shoes basse" src="./images/440x560-08.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="./images/440x560-09.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="./images/440x560-10.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="./images/440x560-11.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="./images/440x560-12.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="./images/440x560-13.webp" width="220" height="280"></a> </li>',
+          '<li><a href="#"><img alt="Stivaletti" src="./images/440x560-14.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="./images/440x560-15.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Mocassini" data-src="./images/440x560-16.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="./images/440x560-17.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="./images/440x560-18.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="./images/440x560-19.webp" width="220" height="280"></a> </li>',
+          '<li><a href="#"><img alt="Francesine" src="./images/440x560-20.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivaletti" data-src="./images/440x560-21.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Décolleté" data-src="./images/440x560-22.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Mocassini" data-src="./images/440x560-23.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Mocassini" data-src="./images/440x560-24.webp" width="220" height="280"></a> </li> <li> <a href="#"><img class="lazy" alt="Stivali" data-src="./images/440x560-25.webp" width="220" height="280"></a> </li>'
         ];
 
         addContentButton = document.getElementById("addContent");
diff --git a/demos/error_no_restore.html b/demos/error_no_restore.html
index 8affff48..7065fa87 100644
--- a/demos/error_no_restore.html
+++ b/demos/error_no_restore.html
@@ -46,7 +46,7 @@ <h1>Error, no restore</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -55,7 +55,7 @@ <h1>Error, no restore</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -65,7 +65,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -75,7 +75,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+04"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -85,7 +85,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -95,7 +95,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+06"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -105,7 +105,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -115,7 +115,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+08"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -125,7 +125,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+09"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -135,7 +135,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -145,7 +145,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -155,7 +155,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -165,7 +165,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -175,7 +175,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -185,7 +185,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -195,7 +195,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -205,7 +205,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -215,7 +215,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -225,7 +225,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -235,7 +235,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -245,7 +245,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -255,7 +255,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -265,7 +265,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -275,7 +275,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -285,7 +285,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -295,7 +295,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -305,7 +305,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -315,7 +315,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -325,7 +325,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -335,7 +335,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -345,7 +345,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -355,7 +355,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -365,7 +365,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -375,7 +375,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -385,7 +385,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -395,7 +395,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -405,7 +405,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -415,7 +415,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -425,7 +425,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -435,7 +435,7 @@ <h1>Error, no restore</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -463,7 +463,7 @@ <h1>Error, no restore</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/error_restore.html b/demos/error_restore.html
index c01bc222..039be1b0 100644
--- a/demos/error_restore.html
+++ b/demos/error_restore.html
@@ -46,7 +46,7 @@ <h1>Error, restore original attribute</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -55,7 +55,7 @@ <h1>Error, restore original attribute</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -66,7 +66,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -77,7 +77,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+04"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -88,7 +88,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -99,7 +99,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+06"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -110,7 +110,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -121,7 +121,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+08"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -132,7 +132,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://notfound.errorholder.com/440x560?text=Img+09"
+              data-src="./images/not-found.pic"
               width="220"
               height="280"
           /></a>
@@ -143,7 +143,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -154,7 +154,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -165,7 +165,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -176,7 +176,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -187,7 +187,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -198,7 +198,7 @@ <h1>Error, restore original attribute</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -209,7 +209,7 @@ <h1>Error, restore original attribute</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -220,7 +220,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -231,7 +231,7 @@ <h1>Error, restore original attribute</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -242,7 +242,7 @@ <h1>Error, restore original attribute</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -253,7 +253,7 @@ <h1>Error, restore original attribute</h1>
               alt="Francesine"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -264,7 +264,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -275,7 +275,7 @@ <h1>Error, restore original attribute</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -286,7 +286,7 @@ <h1>Error, restore original attribute</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -297,7 +297,7 @@ <h1>Error, restore original attribute</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -308,7 +308,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -319,7 +319,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -330,7 +330,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -341,7 +341,7 @@ <h1>Error, restore original attribute</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -352,7 +352,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -363,7 +363,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -374,7 +374,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -385,7 +385,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -396,7 +396,7 @@ <h1>Error, restore original attribute</h1>
               alt="Cuissardes"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -407,7 +407,7 @@ <h1>Error, restore original attribute</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -418,7 +418,7 @@ <h1>Error, restore original attribute</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -429,7 +429,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -440,7 +440,7 @@ <h1>Error, restore original attribute</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -451,7 +451,7 @@ <h1>Error, restore original attribute</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -461,7 +461,7 @@ <h1>Error, restore original attribute</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -471,7 +471,7 @@ <h1>Error, restore original attribute</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
diff --git a/demos/esm.html b/demos/esm.html
index 535cd18b..5b66e337 100644
--- a/demos/esm.html
+++ b/demos/esm.html
@@ -44,7 +44,7 @@ <h1>ESM version demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -53,7 +53,7 @@ <h1>ESM version demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -63,7 +63,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -73,7 +73,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -83,7 +83,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -93,7 +93,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -103,7 +103,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -113,7 +113,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -123,7 +123,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -133,7 +133,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -143,7 +143,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -153,7 +153,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -163,7 +163,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -173,7 +173,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -183,7 +183,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -193,7 +193,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -203,7 +203,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -213,7 +213,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -223,7 +223,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -233,7 +233,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -243,7 +243,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -253,7 +253,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -263,7 +263,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -273,7 +273,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -283,7 +283,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -293,7 +293,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -303,7 +303,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -313,7 +313,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -323,7 +323,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -333,7 +333,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -343,7 +343,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -353,7 +353,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -363,7 +363,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -373,7 +373,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -383,7 +383,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -393,7 +393,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -403,7 +403,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -413,7 +413,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -423,7 +423,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -433,7 +433,7 @@ <h1>ESM version demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -462,7 +462,7 @@ <h1>ESM version demo</h1>
       };
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
-        element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+        element.src = "./images/440x560-Error.webp";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/fade_in.html b/demos/fade_in.html
index f2b41bcd..a723c20b 100644
--- a/demos/fade_in.html
+++ b/demos/fade_in.html
@@ -54,7 +54,7 @@ <h1>Fade in effect demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -63,7 +63,7 @@ <h1>Fade in effect demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -73,7 +73,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -83,7 +83,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -93,7 +93,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -103,7 +103,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -113,7 +113,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -123,7 +123,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -133,7 +133,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -143,7 +143,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -153,7 +153,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -163,7 +163,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -173,7 +173,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -183,7 +183,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -193,7 +193,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -203,7 +203,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -213,7 +213,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -223,7 +223,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -233,7 +233,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -243,7 +243,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -253,7 +253,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -263,7 +263,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -273,7 +273,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -283,7 +283,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -293,7 +293,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -303,7 +303,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -313,7 +313,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -323,7 +323,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -333,7 +333,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -343,7 +343,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -353,7 +353,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -363,7 +363,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -373,7 +373,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -383,7 +383,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -393,7 +393,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -403,7 +403,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -413,7 +413,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -423,7 +423,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -433,7 +433,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -443,7 +443,7 @@ <h1>Fade in effect demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -472,7 +472,7 @@ <h1>Fade in effect demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/hundreds.html b/demos/hundreds.html
index 7df90f85..4500155a 100644
--- a/demos/hundreds.html
+++ b/demos/hundreds.html
@@ -51,7 +51,7 @@ <h1>Hundreds of items demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -60,7 +60,7 @@ <h1>Hundreds of items demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -70,7 +70,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -80,7 +80,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -90,7 +90,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -100,7 +100,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -110,7 +110,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -120,7 +120,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -130,7 +130,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -140,7 +140,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -150,7 +150,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -160,7 +160,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -170,7 +170,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -180,7 +180,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -190,7 +190,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -200,7 +200,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -210,7 +210,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -220,7 +220,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -230,7 +230,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -240,7 +240,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -250,7 +250,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -260,7 +260,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -270,7 +270,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -280,7 +280,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -290,7 +290,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -300,7 +300,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -310,7 +310,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -320,7 +320,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -330,7 +330,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -340,7 +340,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -350,7 +350,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -360,7 +360,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -370,7 +370,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -380,7 +380,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -390,7 +390,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -400,7 +400,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -410,7 +410,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -420,7 +420,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -430,7 +430,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -440,7 +440,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -450,7 +450,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+41"
+              data-src="./images/440x560-41.webp"
               width="220"
               height="280"
           /></a>
@@ -460,7 +460,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+42"
+              data-src="./images/440x560-42.webp"
               width="220"
               height="280"
           /></a>
@@ -470,7 +470,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+43"
+              data-src="./images/440x560-43.webp"
               width="220"
               height="280"
           /></a>
@@ -480,7 +480,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+44"
+              data-src="./images/440x560-44.webp"
               width="220"
               height="280"
           /></a>
@@ -490,7 +490,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+45"
+              data-src="./images/440x560-45.webp"
               width="220"
               height="280"
           /></a>
@@ -500,7 +500,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+46"
+              data-src="./images/440x560-46.webp"
               width="220"
               height="280"
           /></a>
@@ -510,7 +510,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+47"
+              data-src="./images/440x560-47.webp"
               width="220"
               height="280"
           /></a>
@@ -520,7 +520,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+48"
+              data-src="./images/440x560-48.webp"
               width="220"
               height="280"
           /></a>
@@ -530,7 +530,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+49"
+              data-src="./images/440x560-49.webp"
               width="220"
               height="280"
           /></a>
@@ -540,7 +540,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+50"
+              data-src="./images/440x560-50.webp"
               width="220"
               height="280"
           /></a>
@@ -550,7 +550,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+51"
+              data-src="./images/440x560-51.webp"
               width="220"
               height="280"
           /></a>
@@ -560,7 +560,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+52"
+              data-src="./images/440x560-52.webp"
               width="220"
               height="280"
           /></a>
@@ -570,7 +570,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+53"
+              data-src="./images/440x560-53.webp"
               width="220"
               height="280"
           /></a>
@@ -580,7 +580,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+54"
+              data-src="./images/440x560-54.webp"
               width="220"
               height="280"
           /></a>
@@ -590,7 +590,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+55"
+              data-src="./images/440x560-55.webp"
               width="220"
               height="280"
           /></a>
@@ -600,7 +600,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+56"
+              data-src="./images/440x560-56.webp"
               width="220"
               height="280"
           /></a>
@@ -610,7 +610,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+57"
+              data-src="./images/440x560-57.webp"
               width="220"
               height="280"
           /></a>
@@ -620,7 +620,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+58"
+              data-src="./images/440x560-58.webp"
               width="220"
               height="280"
           /></a>
@@ -630,7 +630,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+59"
+              data-src="./images/440x560-59.webp"
               width="220"
               height="280"
           /></a>
@@ -640,7 +640,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+60"
+              data-src="./images/440x560-60.webp"
               width="220"
               height="280"
           /></a>
@@ -650,7 +650,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+61"
+              data-src="./images/440x560-61.webp"
               width="220"
               height="280"
           /></a>
@@ -660,7 +660,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+62"
+              data-src="./images/440x560-62.webp"
               width="220"
               height="280"
           /></a>
@@ -670,7 +670,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+63"
+              data-src="./images/440x560-63.webp"
               width="220"
               height="280"
           /></a>
@@ -680,7 +680,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+64"
+              data-src="./images/440x560-64.webp"
               width="220"
               height="280"
           /></a>
@@ -690,7 +690,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+65"
+              data-src="./images/440x560-65.webp"
               width="220"
               height="280"
           /></a>
@@ -700,7 +700,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+66"
+              data-src="./images/440x560-66.webp"
               width="220"
               height="280"
           /></a>
@@ -710,7 +710,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+67"
+              data-src="./images/440x560-67.webp"
               width="220"
               height="280"
           /></a>
@@ -720,7 +720,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+68"
+              data-src="./images/440x560-68.webp"
               width="220"
               height="280"
           /></a>
@@ -730,7 +730,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+69"
+              data-src="./images/440x560-69.webp"
               width="220"
               height="280"
           /></a>
@@ -740,7 +740,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+70"
+              data-src="./images/440x560-70.webp"
               width="220"
               height="280"
           /></a>
@@ -750,7 +750,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+71"
+              data-src="./images/440x560-71.webp"
               width="220"
               height="280"
           /></a>
@@ -760,7 +760,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+72"
+              data-src="./images/440x560-72.webp"
               width="220"
               height="280"
           /></a>
@@ -770,7 +770,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+73"
+              data-src="./images/440x560-73.webp"
               width="220"
               height="280"
           /></a>
@@ -780,7 +780,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+74"
+              data-src="./images/440x560-74.webp"
               width="220"
               height="280"
           /></a>
@@ -790,7 +790,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+75"
+              data-src="./images/440x560-75.webp"
               width="220"
               height="280"
           /></a>
@@ -800,7 +800,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+76"
+              data-src="./images/440x560-76.webp"
               width="220"
               height="280"
           /></a>
@@ -810,7 +810,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+77"
+              data-src="./images/440x560-77.webp"
               width="220"
               height="280"
           /></a>
@@ -820,7 +820,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+78"
+              data-src="./images/440x560-78.webp"
               width="220"
               height="280"
           /></a>
@@ -830,7 +830,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+79"
+              data-src="./images/440x560-79.webp"
               width="220"
               height="280"
           /></a>
@@ -840,7 +840,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+80"
+              data-src="./images/440x560-80.webp"
               width="220"
               height="280"
           /></a>
@@ -850,7 +850,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+81"
+              data-src="./images/440x560-81.webp"
               width="220"
               height="280"
           /></a>
@@ -860,7 +860,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+82"
+              data-src="./images/440x560-82.webp"
               width="220"
               height="280"
           /></a>
@@ -870,7 +870,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+83"
+              data-src="./images/440x560-83.webp"
               width="220"
               height="280"
           /></a>
@@ -880,7 +880,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+84"
+              data-src="./images/440x560-84.webp"
               width="220"
               height="280"
           /></a>
@@ -890,7 +890,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+85"
+              data-src="./images/440x560-85.webp"
               width="220"
               height="280"
           /></a>
@@ -900,7 +900,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+86"
+              data-src="./images/440x560-86.webp"
               width="220"
               height="280"
           /></a>
@@ -910,7 +910,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+87"
+              data-src="./images/440x560-87.webp"
               width="220"
               height="280"
           /></a>
@@ -920,7 +920,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+88"
+              data-src="./images/440x560-88.webp"
               width="220"
               height="280"
           /></a>
@@ -930,7 +930,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+89"
+              data-src="./images/440x560-89.webp"
               width="220"
               height="280"
           /></a>
@@ -940,7 +940,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+90"
+              data-src="./images/440x560-90.webp"
               width="220"
               height="280"
           /></a>
@@ -950,7 +950,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+91"
+              data-src="./images/440x560-91.webp"
               width="220"
               height="280"
           /></a>
@@ -960,7 +960,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+92"
+              data-src="./images/440x560-92.webp"
               width="220"
               height="280"
           /></a>
@@ -970,7 +970,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+93"
+              data-src="./images/440x560-93.webp"
               width="220"
               height="280"
           /></a>
@@ -980,7 +980,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+94"
+              data-src="./images/440x560-94.webp"
               width="220"
               height="280"
           /></a>
@@ -990,7 +990,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+95"
+              data-src="./images/440x560-95.webp"
               width="220"
               height="280"
           /></a>
@@ -1000,7 +1000,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+96"
+              data-src="./images/440x560-96.webp"
               width="220"
               height="280"
           /></a>
@@ -1010,7 +1010,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+97"
+              data-src="./images/440x560-97.webp"
               width="220"
               height="280"
           /></a>
@@ -1020,7 +1020,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+98"
+              data-src="./images/440x560-98.webp"
               width="220"
               height="280"
           /></a>
@@ -1030,7 +1030,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+99"
+              data-src="./images/440x560-99.webp"
               width="220"
               height="280"
           /></a>
@@ -1040,7 +1040,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+100"
+              data-src="./images/440x560-100.webp"
               width="220"
               height="280"
           /></a>
@@ -1050,7 +1050,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+101"
+              data-src="./images/440x560-101.webp"
               width="220"
               height="280"
           /></a>
@@ -1060,7 +1060,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+102"
+              data-src="./images/440x560-102.webp"
               width="220"
               height="280"
           /></a>
@@ -1070,7 +1070,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+103"
+              data-src="./images/440x560-103.webp"
               width="220"
               height="280"
           /></a>
@@ -1080,7 +1080,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+104"
+              data-src="./images/440x560-104.webp"
               width="220"
               height="280"
           /></a>
@@ -1090,7 +1090,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+105"
+              data-src="./images/440x560-105.webp"
               width="220"
               height="280"
           /></a>
@@ -1100,7 +1100,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+106"
+              data-src="./images/440x560-106.webp"
               width="220"
               height="280"
           /></a>
@@ -1110,7 +1110,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+107"
+              data-src="./images/440x560-107.webp"
               width="220"
               height="280"
           /></a>
@@ -1120,7 +1120,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+108"
+              data-src="./images/440x560-108.webp"
               width="220"
               height="280"
           /></a>
@@ -1130,7 +1130,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+109"
+              data-src="./images/440x560-109.webp"
               width="220"
               height="280"
           /></a>
@@ -1140,7 +1140,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+110"
+              data-src="./images/440x560-110.webp"
               width="220"
               height="280"
           /></a>
@@ -1150,7 +1150,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+111"
+              data-src="./images/440x560-111.webp"
               width="220"
               height="280"
           /></a>
@@ -1160,7 +1160,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+112"
+              data-src="./images/440x560-112.webp"
               width="220"
               height="280"
           /></a>
@@ -1170,7 +1170,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+113"
+              data-src="./images/440x560-113.webp"
               width="220"
               height="280"
           /></a>
@@ -1180,7 +1180,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+114"
+              data-src="./images/440x560-114.webp"
               width="220"
               height="280"
           /></a>
@@ -1190,7 +1190,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+115"
+              data-src="./images/440x560-115.webp"
               width="220"
               height="280"
           /></a>
@@ -1200,7 +1200,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+116"
+              data-src="./images/440x560-116.webp"
               width="220"
               height="280"
           /></a>
@@ -1210,7 +1210,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+117"
+              data-src="./images/440x560-117.webp"
               width="220"
               height="280"
           /></a>
@@ -1220,7 +1220,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+118"
+              data-src="./images/440x560-118.webp"
               width="220"
               height="280"
           /></a>
@@ -1230,7 +1230,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+119"
+              data-src="./images/440x560-119.webp"
               width="220"
               height="280"
           /></a>
@@ -1240,7 +1240,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+120"
+              data-src="./images/440x560-120.webp"
               width="220"
               height="280"
           /></a>
@@ -1250,7 +1250,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+121"
+              data-src="./images/440x560-121.webp"
               width="220"
               height="280"
           /></a>
@@ -1260,7 +1260,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+122"
+              data-src="./images/440x560-122.webp"
               width="220"
               height="280"
           /></a>
@@ -1270,7 +1270,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+123"
+              data-src="./images/440x560-123.webp"
               width="220"
               height="280"
           /></a>
@@ -1280,7 +1280,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+124"
+              data-src="./images/440x560-124.webp"
               width="220"
               height="280"
           /></a>
@@ -1290,7 +1290,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+125"
+              data-src="./images/440x560-125.webp"
               width="220"
               height="280"
           /></a>
@@ -1300,7 +1300,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+126"
+              data-src="./images/440x560-126.webp"
               width="220"
               height="280"
           /></a>
@@ -1310,7 +1310,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+127"
+              data-src="./images/440x560-127.webp"
               width="220"
               height="280"
           /></a>
@@ -1320,7 +1320,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+128"
+              data-src="./images/440x560-128.webp"
               width="220"
               height="280"
           /></a>
@@ -1330,7 +1330,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+129"
+              data-src="./images/440x560-129.webp"
               width="220"
               height="280"
           /></a>
@@ -1340,7 +1340,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+130"
+              data-src="./images/440x560-130.webp"
               width="220"
               height="280"
           /></a>
@@ -1350,7 +1350,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+131"
+              data-src="./images/440x560-131.webp"
               width="220"
               height="280"
           /></a>
@@ -1360,7 +1360,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+132"
+              data-src="./images/440x560-132.webp"
               width="220"
               height="280"
           /></a>
@@ -1370,7 +1370,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+133"
+              data-src="./images/440x560-133.webp"
               width="220"
               height="280"
           /></a>
@@ -1380,7 +1380,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+134"
+              data-src="./images/440x560-134.webp"
               width="220"
               height="280"
           /></a>
@@ -1390,7 +1390,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+135"
+              data-src="./images/440x560-135.webp"
               width="220"
               height="280"
           /></a>
@@ -1400,7 +1400,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+136"
+              data-src="./images/440x560-136.webp"
               width="220"
               height="280"
           /></a>
@@ -1410,7 +1410,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+137"
+              data-src="./images/440x560-137.webp"
               width="220"
               height="280"
           /></a>
@@ -1420,7 +1420,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+138"
+              data-src="./images/440x560-138.webp"
               width="220"
               height="280"
           /></a>
@@ -1430,7 +1430,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+139"
+              data-src="./images/440x560-139.webp"
               width="220"
               height="280"
           /></a>
@@ -1440,7 +1440,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+140"
+              data-src="./images/440x560-140.webp"
               width="220"
               height="280"
           /></a>
@@ -1450,7 +1450,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+141"
+              data-src="./images/440x560-141.webp"
               width="220"
               height="280"
           /></a>
@@ -1460,7 +1460,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+142"
+              data-src="./images/440x560-142.webp"
               width="220"
               height="280"
           /></a>
@@ -1470,7 +1470,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+143"
+              data-src="./images/440x560-143.webp"
               width="220"
               height="280"
           /></a>
@@ -1480,7 +1480,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+144"
+              data-src="./images/440x560-144.webp"
               width="220"
               height="280"
           /></a>
@@ -1490,7 +1490,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+145"
+              data-src="./images/440x560-145.webp"
               width="220"
               height="280"
           /></a>
@@ -1500,7 +1500,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+146"
+              data-src="./images/440x560-146.webp"
               width="220"
               height="280"
           /></a>
@@ -1510,7 +1510,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+147"
+              data-src="./images/440x560-147.webp"
               width="220"
               height="280"
           /></a>
@@ -1520,7 +1520,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+148"
+              data-src="./images/440x560-148.webp"
               width="220"
               height="280"
           /></a>
@@ -1530,7 +1530,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+149"
+              data-src="./images/440x560-149.webp"
               width="220"
               height="280"
           /></a>
@@ -1540,7 +1540,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+150"
+              data-src="./images/440x560-150.webp"
               width="220"
               height="280"
           /></a>
@@ -1550,7 +1550,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+151"
+              data-src="./images/440x560-151.webp"
               width="220"
               height="280"
           /></a>
@@ -1560,7 +1560,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+152"
+              data-src="./images/440x560-152.webp"
               width="220"
               height="280"
           /></a>
@@ -1570,7 +1570,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+153"
+              data-src="./images/440x560-153.webp"
               width="220"
               height="280"
           /></a>
@@ -1580,7 +1580,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+154"
+              data-src="./images/440x560-154.webp"
               width="220"
               height="280"
           /></a>
@@ -1590,7 +1590,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+155"
+              data-src="./images/440x560-155.webp"
               width="220"
               height="280"
           /></a>
@@ -1600,7 +1600,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+156"
+              data-src="./images/440x560-156.webp"
               width="220"
               height="280"
           /></a>
@@ -1610,7 +1610,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+157"
+              data-src="./images/440x560-157.webp"
               width="220"
               height="280"
           /></a>
@@ -1620,7 +1620,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+158"
+              data-src="./images/440x560-158.webp"
               width="220"
               height="280"
           /></a>
@@ -1630,7 +1630,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+159"
+              data-src="./images/440x560-159.webp"
               width="220"
               height="280"
           /></a>
@@ -1640,7 +1640,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+160"
+              data-src="./images/440x560-160.webp"
               width="220"
               height="280"
           /></a>
@@ -1650,7 +1650,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+161"
+              data-src="./images/440x560-161.webp"
               width="220"
               height="280"
           /></a>
@@ -1660,7 +1660,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+162"
+              data-src="./images/440x560-162.webp"
               width="220"
               height="280"
           /></a>
@@ -1670,7 +1670,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+163"
+              data-src="./images/440x560-163.webp"
               width="220"
               height="280"
           /></a>
@@ -1680,7 +1680,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+164"
+              data-src="./images/440x560-164.webp"
               width="220"
               height="280"
           /></a>
@@ -1690,7 +1690,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+165"
+              data-src="./images/440x560-165.webp"
               width="220"
               height="280"
           /></a>
@@ -1700,7 +1700,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+166"
+              data-src="./images/440x560-166.webp"
               width="220"
               height="280"
           /></a>
@@ -1710,7 +1710,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+167"
+              data-src="./images/440x560-167.webp"
               width="220"
               height="280"
           /></a>
@@ -1720,7 +1720,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+168"
+              data-src="./images/440x560-168.webp"
               width="220"
               height="280"
           /></a>
@@ -1730,7 +1730,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+169"
+              data-src="./images/440x560-169.webp"
               width="220"
               height="280"
           /></a>
@@ -1740,7 +1740,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+170"
+              data-src="./images/440x560-170.webp"
               width="220"
               height="280"
           /></a>
@@ -1750,7 +1750,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+171"
+              data-src="./images/440x560-171.webp"
               width="220"
               height="280"
           /></a>
@@ -1760,7 +1760,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+172"
+              data-src="./images/440x560-172.webp"
               width="220"
               height="280"
           /></a>
@@ -1770,7 +1770,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+173"
+              data-src="./images/440x560-173.webp"
               width="220"
               height="280"
           /></a>
@@ -1780,7 +1780,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+174"
+              data-src="./images/440x560-174.webp"
               width="220"
               height="280"
           /></a>
@@ -1790,7 +1790,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+175"
+              data-src="./images/440x560-175.webp"
               width="220"
               height="280"
           /></a>
@@ -1800,7 +1800,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+176"
+              data-src="./images/440x560-176.webp"
               width="220"
               height="280"
           /></a>
@@ -1810,7 +1810,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+177"
+              data-src="./images/440x560-177.webp"
               width="220"
               height="280"
           /></a>
@@ -1820,7 +1820,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+178"
+              data-src="./images/440x560-178.webp"
               width="220"
               height="280"
           /></a>
@@ -1830,7 +1830,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+179"
+              data-src="./images/440x560-179.webp"
               width="220"
               height="280"
           /></a>
@@ -1840,7 +1840,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+180"
+              data-src="./images/440x560-180.webp"
               width="220"
               height="280"
           /></a>
@@ -1850,7 +1850,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+181"
+              data-src="./images/440x560-181.webp"
               width="220"
               height="280"
           /></a>
@@ -1860,7 +1860,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+182"
+              data-src="./images/440x560-182.webp"
               width="220"
               height="280"
           /></a>
@@ -1870,7 +1870,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+183"
+              data-src="./images/440x560-183.webp"
               width="220"
               height="280"
           /></a>
@@ -1880,7 +1880,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+184"
+              data-src="./images/440x560-184.webp"
               width="220"
               height="280"
           /></a>
@@ -1890,7 +1890,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+185"
+              data-src="./images/440x560-185.webp"
               width="220"
               height="280"
           /></a>
@@ -1900,7 +1900,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+186"
+              data-src="./images/440x560-186.webp"
               width="220"
               height="280"
           /></a>
@@ -1910,7 +1910,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+187"
+              data-src="./images/440x560-187.webp"
               width="220"
               height="280"
           /></a>
@@ -1920,7 +1920,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+188"
+              data-src="./images/440x560-188.webp"
               width="220"
               height="280"
           /></a>
@@ -1930,7 +1930,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+189"
+              data-src="./images/440x560-189.webp"
               width="220"
               height="280"
           /></a>
@@ -1940,7 +1940,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+190"
+              data-src="./images/440x560-190.webp"
               width="220"
               height="280"
           /></a>
@@ -1950,7 +1950,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+191"
+              data-src="./images/440x560-191.webp"
               width="220"
               height="280"
           /></a>
@@ -1960,7 +1960,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+192"
+              data-src="./images/440x560-192.webp"
               width="220"
               height="280"
           /></a>
@@ -1970,7 +1970,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+193"
+              data-src="./images/440x560-193.webp"
               width="220"
               height="280"
           /></a>
@@ -1980,7 +1980,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+194"
+              data-src="./images/440x560-194.webp"
               width="220"
               height="280"
           /></a>
@@ -1990,7 +1990,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+195"
+              data-src="./images/440x560-195.webp"
               width="220"
               height="280"
           /></a>
@@ -2000,7 +2000,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+196"
+              data-src="./images/440x560-196.webp"
               width="220"
               height="280"
           /></a>
@@ -2010,7 +2010,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+197"
+              data-src="./images/440x560-197.webp"
               width="220"
               height="280"
           /></a>
@@ -2020,7 +2020,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+198"
+              data-src="./images/440x560-198.webp"
               width="220"
               height="280"
           /></a>
@@ -2030,7 +2030,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+199"
+              data-src="./images/440x560-199.webp"
               width="220"
               height="280"
           /></a>
@@ -2040,7 +2040,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+200"
+              data-src="./images/440x560-200.webp"
               width="220"
               height="280"
           /></a>
@@ -2050,7 +2050,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+201"
+              data-src="./images/440x560-201.webp"
               width="220"
               height="280"
           /></a>
@@ -2060,7 +2060,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+202"
+              data-src="./images/440x560-202.webp"
               width="220"
               height="280"
           /></a>
@@ -2070,7 +2070,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+203"
+              data-src="./images/440x560-203.webp"
               width="220"
               height="280"
           /></a>
@@ -2080,7 +2080,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+204"
+              data-src="./images/440x560-204.webp"
               width="220"
               height="280"
           /></a>
@@ -2090,7 +2090,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+205"
+              data-src="./images/440x560-205.webp"
               width="220"
               height="280"
           /></a>
@@ -2100,7 +2100,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+206"
+              data-src="./images/440x560-206.webp"
               width="220"
               height="280"
           /></a>
@@ -2110,7 +2110,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+207"
+              data-src="./images/440x560-207.webp"
               width="220"
               height="280"
           /></a>
@@ -2120,7 +2120,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+208"
+              data-src="./images/440x560-208.webp"
               width="220"
               height="280"
           /></a>
@@ -2130,7 +2130,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+209"
+              data-src="./images/440x560-209.webp"
               width="220"
               height="280"
           /></a>
@@ -2140,7 +2140,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+210"
+              data-src="./images/440x560-210.webp"
               width="220"
               height="280"
           /></a>
@@ -2150,7 +2150,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+211"
+              data-src="./images/440x560-211.webp"
               width="220"
               height="280"
           /></a>
@@ -2160,7 +2160,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+212"
+              data-src="./images/440x560-212.webp"
               width="220"
               height="280"
           /></a>
@@ -2170,7 +2170,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+213"
+              data-src="./images/440x560-213.webp"
               width="220"
               height="280"
           /></a>
@@ -2180,7 +2180,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+214"
+              data-src="./images/440x560-214.webp"
               width="220"
               height="280"
           /></a>
@@ -2190,7 +2190,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+215"
+              data-src="./images/440x560-215.webp"
               width="220"
               height="280"
           /></a>
@@ -2200,7 +2200,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+216"
+              data-src="./images/440x560-216.webp"
               width="220"
               height="280"
           /></a>
@@ -2210,7 +2210,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+217"
+              data-src="./images/440x560-217.webp"
               width="220"
               height="280"
           /></a>
@@ -2220,7 +2220,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+218"
+              data-src="./images/440x560-218.webp"
               width="220"
               height="280"
           /></a>
@@ -2230,7 +2230,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+219"
+              data-src="./images/440x560-219.webp"
               width="220"
               height="280"
           /></a>
@@ -2240,7 +2240,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+220"
+              data-src="./images/440x560-220.webp"
               width="220"
               height="280"
           /></a>
@@ -2250,7 +2250,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+221"
+              data-src="./images/440x560-221.webp"
               width="220"
               height="280"
           /></a>
@@ -2260,7 +2260,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+222"
+              data-src="./images/440x560-222.webp"
               width="220"
               height="280"
           /></a>
@@ -2270,7 +2270,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+223"
+              data-src="./images/440x560-223.webp"
               width="220"
               height="280"
           /></a>
@@ -2280,7 +2280,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+224"
+              data-src="./images/440x560-224.webp"
               width="220"
               height="280"
           /></a>
@@ -2290,7 +2290,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+225"
+              data-src="./images/440x560-225.webp"
               width="220"
               height="280"
           /></a>
@@ -2300,7 +2300,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+226"
+              data-src="./images/440x560-226.webp"
               width="220"
               height="280"
           /></a>
@@ -2310,7 +2310,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+227"
+              data-src="./images/440x560-227.webp"
               width="220"
               height="280"
           /></a>
@@ -2320,7 +2320,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+228"
+              data-src="./images/440x560-228.webp"
               width="220"
               height="280"
           /></a>
@@ -2330,7 +2330,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+229"
+              data-src="./images/440x560-229.webp"
               width="220"
               height="280"
           /></a>
@@ -2340,7 +2340,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+230"
+              data-src="./images/440x560-230.webp"
               width="220"
               height="280"
           /></a>
@@ -2350,7 +2350,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+231"
+              data-src="./images/440x560-231.webp"
               width="220"
               height="280"
           /></a>
@@ -2360,7 +2360,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+232"
+              data-src="./images/440x560-232.webp"
               width="220"
               height="280"
           /></a>
@@ -2370,7 +2370,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+233"
+              data-src="./images/440x560-233.webp"
               width="220"
               height="280"
           /></a>
@@ -2380,7 +2380,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+234"
+              data-src="./images/440x560-234.webp"
               width="220"
               height="280"
           /></a>
@@ -2390,7 +2390,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+235"
+              data-src="./images/440x560-235.webp"
               width="220"
               height="280"
           /></a>
@@ -2400,7 +2400,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+236"
+              data-src="./images/440x560-236.webp"
               width="220"
               height="280"
           /></a>
@@ -2410,7 +2410,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+237"
+              data-src="./images/440x560-237.webp"
               width="220"
               height="280"
           /></a>
@@ -2420,7 +2420,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+238"
+              data-src="./images/440x560-238.webp"
               width="220"
               height="280"
           /></a>
@@ -2430,7 +2430,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+239"
+              data-src="./images/440x560-239.webp"
               width="220"
               height="280"
           /></a>
@@ -2440,7 +2440,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+240"
+              data-src="./images/440x560-240.webp"
               width="220"
               height="280"
           /></a>
@@ -2450,7 +2450,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+241"
+              data-src="./images/440x560-241.webp"
               width="220"
               height="280"
           /></a>
@@ -2460,7 +2460,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+242"
+              data-src="./images/440x560-242.webp"
               width="220"
               height="280"
           /></a>
@@ -2470,7 +2470,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+243"
+              data-src="./images/440x560-243.webp"
               width="220"
               height="280"
           /></a>
@@ -2480,7 +2480,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+244"
+              data-src="./images/440x560-244.webp"
               width="220"
               height="280"
           /></a>
@@ -2490,7 +2490,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+245"
+              data-src="./images/440x560-245.webp"
               width="220"
               height="280"
           /></a>
@@ -2500,7 +2500,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+246"
+              data-src="./images/440x560-246.webp"
               width="220"
               height="280"
           /></a>
@@ -2510,7 +2510,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+247"
+              data-src="./images/440x560-247.webp"
               width="220"
               height="280"
           /></a>
@@ -2520,7 +2520,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+248"
+              data-src="./images/440x560-248.webp"
               width="220"
               height="280"
           /></a>
@@ -2530,7 +2530,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+249"
+              data-src="./images/440x560-249.webp"
               width="220"
               height="280"
           /></a>
@@ -2540,7 +2540,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+250"
+              data-src="./images/440x560-250.webp"
               width="220"
               height="280"
           /></a>
@@ -2550,7 +2550,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+251"
+              data-src="./images/440x560-251.webp"
               width="220"
               height="280"
           /></a>
@@ -2560,7 +2560,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+252"
+              data-src="./images/440x560-252.webp"
               width="220"
               height="280"
           /></a>
@@ -2570,7 +2570,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+253"
+              data-src="./images/440x560-253.webp"
               width="220"
               height="280"
           /></a>
@@ -2580,7 +2580,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+254"
+              data-src="./images/440x560-254.webp"
               width="220"
               height="280"
           /></a>
@@ -2590,7 +2590,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+255"
+              data-src="./images/440x560-255.webp"
               width="220"
               height="280"
           /></a>
@@ -2600,7 +2600,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+256"
+              data-src="./images/440x560-256.webp"
               width="220"
               height="280"
           /></a>
@@ -2610,7 +2610,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+257"
+              data-src="./images/440x560-257.webp"
               width="220"
               height="280"
           /></a>
@@ -2620,7 +2620,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+258"
+              data-src="./images/440x560-258.webp"
               width="220"
               height="280"
           /></a>
@@ -2630,7 +2630,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+259"
+              data-src="./images/440x560-259.webp"
               width="220"
               height="280"
           /></a>
@@ -2640,7 +2640,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+260"
+              data-src="./images/440x560-260.webp"
               width="220"
               height="280"
           /></a>
@@ -2650,7 +2650,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+261"
+              data-src="./images/440x560-261.webp"
               width="220"
               height="280"
           /></a>
@@ -2660,7 +2660,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+262"
+              data-src="./images/440x560-262.webp"
               width="220"
               height="280"
           /></a>
@@ -2670,7 +2670,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+263"
+              data-src="./images/440x560-263.webp"
               width="220"
               height="280"
           /></a>
@@ -2680,7 +2680,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+264"
+              data-src="./images/440x560-264.webp"
               width="220"
               height="280"
           /></a>
@@ -2690,7 +2690,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+265"
+              data-src="./images/440x560-265.webp"
               width="220"
               height="280"
           /></a>
@@ -2700,7 +2700,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+266"
+              data-src="./images/440x560-266.webp"
               width="220"
               height="280"
           /></a>
@@ -2710,7 +2710,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+267"
+              data-src="./images/440x560-267.webp"
               width="220"
               height="280"
           /></a>
@@ -2720,7 +2720,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+268"
+              data-src="./images/440x560-268.webp"
               width="220"
               height="280"
           /></a>
@@ -2730,7 +2730,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+269"
+              data-src="./images/440x560-269.webp"
               width="220"
               height="280"
           /></a>
@@ -2740,7 +2740,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+270"
+              data-src="./images/440x560-270.webp"
               width="220"
               height="280"
           /></a>
@@ -2750,7 +2750,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+271"
+              data-src="./images/440x560-271.webp"
               width="220"
               height="280"
           /></a>
@@ -2760,7 +2760,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+272"
+              data-src="./images/440x560-272.webp"
               width="220"
               height="280"
           /></a>
@@ -2770,7 +2770,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+273"
+              data-src="./images/440x560-273.webp"
               width="220"
               height="280"
           /></a>
@@ -2780,7 +2780,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+274"
+              data-src="./images/440x560-274.webp"
               width="220"
               height="280"
           /></a>
@@ -2790,7 +2790,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+275"
+              data-src="./images/440x560-275.webp"
               width="220"
               height="280"
           /></a>
@@ -2800,7 +2800,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+276"
+              data-src="./images/440x560-276.webp"
               width="220"
               height="280"
           /></a>
@@ -2810,7 +2810,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+277"
+              data-src="./images/440x560-277.webp"
               width="220"
               height="280"
           /></a>
@@ -2820,7 +2820,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+278"
+              data-src="./images/440x560-278.webp"
               width="220"
               height="280"
           /></a>
@@ -2830,7 +2830,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+279"
+              data-src="./images/440x560-279.webp"
               width="220"
               height="280"
           /></a>
@@ -2840,7 +2840,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+280"
+              data-src="./images/440x560-280.webp"
               width="220"
               height="280"
           /></a>
@@ -2850,7 +2850,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+281"
+              data-src="./images/440x560-281.webp"
               width="220"
               height="280"
           /></a>
@@ -2860,7 +2860,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Open toe"
-              data-src="https://via.placeholder.com/440x560?text=Img+282"
+              data-src="./images/440x560-282.webp"
               width="220"
               height="280"
           /></a>
@@ -2870,7 +2870,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+283"
+              data-src="./images/440x560-283.webp"
               width="220"
               height="280"
           /></a>
@@ -2880,7 +2880,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+284"
+              data-src="./images/440x560-284.webp"
               width="220"
               height="280"
           /></a>
@@ -2890,7 +2890,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+285"
+              data-src="./images/440x560-285.webp"
               width="220"
               height="280"
           /></a>
@@ -2900,7 +2900,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+286"
+              data-src="./images/440x560-286.webp"
               width="220"
               height="280"
           /></a>
@@ -2910,7 +2910,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+287"
+              data-src="./images/440x560-287.webp"
               width="220"
               height="280"
           /></a>
@@ -2920,7 +2920,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+288"
+              data-src="./images/440x560-288.webp"
               width="220"
               height="280"
           /></a>
@@ -2930,7 +2930,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+289"
+              data-src="./images/440x560-289.webp"
               width="220"
               height="280"
           /></a>
@@ -2940,7 +2940,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+290"
+              data-src="./images/440x560-290.webp"
               width="220"
               height="280"
           /></a>
@@ -2950,7 +2950,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+291"
+              data-src="./images/440x560-291.webp"
               width="220"
               height="280"
           /></a>
@@ -2960,7 +2960,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+292"
+              data-src="./images/440x560-292.webp"
               width="220"
               height="280"
           /></a>
@@ -2970,7 +2970,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+293"
+              data-src="./images/440x560-293.webp"
               width="220"
               height="280"
           /></a>
@@ -2980,7 +2980,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+294"
+              data-src="./images/440x560-294.webp"
               width="220"
               height="280"
           /></a>
@@ -2990,7 +2990,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+295"
+              data-src="./images/440x560-295.webp"
               width="220"
               height="280"
           /></a>
@@ -3000,7 +3000,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+296"
+              data-src="./images/440x560-296.webp"
               width="220"
               height="280"
           /></a>
@@ -3010,7 +3010,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+297"
+              data-src="./images/440x560-297.webp"
               width="220"
               height="280"
           /></a>
@@ -3020,7 +3020,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+298"
+              data-src="./images/440x560-298.webp"
               width="220"
               height="280"
           /></a>
@@ -3030,7 +3030,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+299"
+              data-src="./images/440x560-299.webp"
               width="220"
               height="280"
           /></a>
@@ -3040,7 +3040,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+300"
+              data-src="./images/440x560-300.webp"
               width="220"
               height="280"
           /></a>
@@ -3050,7 +3050,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+301"
+              data-src="./images/440x560-301.webp"
               width="220"
               height="280"
           /></a>
@@ -3060,7 +3060,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+302"
+              data-src="./images/440x560-302.webp"
               width="220"
               height="280"
           /></a>
@@ -3070,7 +3070,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+303"
+              data-src="./images/440x560-303.webp"
               width="220"
               height="280"
           /></a>
@@ -3080,7 +3080,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+304"
+              data-src="./images/440x560-304.webp"
               width="220"
               height="280"
           /></a>
@@ -3090,7 +3090,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+305"
+              data-src="./images/440x560-305.webp"
               width="220"
               height="280"
           /></a>
@@ -3100,7 +3100,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+306"
+              data-src="./images/440x560-306.webp"
               width="220"
               height="280"
           /></a>
@@ -3110,7 +3110,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+307"
+              data-src="./images/440x560-307.webp"
               width="220"
               height="280"
           /></a>
@@ -3120,7 +3120,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+308"
+              data-src="./images/440x560-308.webp"
               width="220"
               height="280"
           /></a>
@@ -3130,7 +3130,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+309"
+              data-src="./images/440x560-309.webp"
               width="220"
               height="280"
           /></a>
@@ -3140,7 +3140,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+310"
+              data-src="./images/440x560-310.webp"
               width="220"
               height="280"
           /></a>
@@ -3150,7 +3150,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+311"
+              data-src="./images/440x560-311.webp"
               width="220"
               height="280"
           /></a>
@@ -3160,7 +3160,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+312"
+              data-src="./images/440x560-312.webp"
               width="220"
               height="280"
           /></a>
@@ -3170,7 +3170,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+313"
+              data-src="./images/440x560-313.webp"
               width="220"
               height="280"
           /></a>
@@ -3180,7 +3180,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+314"
+              data-src="./images/440x560-314.webp"
               width="220"
               height="280"
           /></a>
@@ -3190,7 +3190,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+315"
+              data-src="./images/440x560-315.webp"
               width="220"
               height="280"
           /></a>
@@ -3200,7 +3200,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+316"
+              data-src="./images/440x560-316.webp"
               width="220"
               height="280"
           /></a>
@@ -3210,7 +3210,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+317"
+              data-src="./images/440x560-317.webp"
               width="220"
               height="280"
           /></a>
@@ -3220,7 +3220,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+318"
+              data-src="./images/440x560-318.webp"
               width="220"
               height="280"
           /></a>
@@ -3230,7 +3230,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+319"
+              data-src="./images/440x560-319.webp"
               width="220"
               height="280"
           /></a>
@@ -3240,7 +3240,7 @@ <h1>Hundreds of items demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+320"
+              data-src="./images/440x560-320.webp"
               width="220"
               height="280"
           /></a>
@@ -3272,7 +3272,7 @@ <h1>Hundreds of items demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/iframes.html b/demos/iframes.html
index b48644e5..90904f77 100644
--- a/demos/iframes.html
+++ b/demos/iframes.html
@@ -74,7 +74,7 @@ <h1>Lazy iframes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_basic.html b/demos/image_basic.html
index 1a9cb1a0..29f2ebb3 100644
--- a/demos/image_basic.html
+++ b/demos/image_basic.html
@@ -46,7 +46,7 @@ <h1>Basic demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -55,7 +55,7 @@ <h1>Basic demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -65,7 +65,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -75,7 +75,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -85,7 +85,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -95,7 +95,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -105,7 +105,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -115,7 +115,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -125,7 +125,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -135,7 +135,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -145,7 +145,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -155,7 +155,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -165,7 +165,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -175,7 +175,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -185,7 +185,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -195,7 +195,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -205,7 +205,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -215,7 +215,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -225,7 +225,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -235,7 +235,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -245,7 +245,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -255,7 +255,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -265,7 +265,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -275,7 +275,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -285,7 +285,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -295,7 +295,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -305,7 +305,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -315,7 +315,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -325,7 +325,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -335,7 +335,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -345,7 +345,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -355,7 +355,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -365,7 +365,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -375,7 +375,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -385,7 +385,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -395,7 +395,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -405,7 +405,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -415,7 +415,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -425,7 +425,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -435,7 +435,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -463,7 +463,7 @@ <h1>Basic demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_hidden.html b/demos/image_hidden.html
index c1a19afe..5ae89ee3 100644
--- a/demos/image_hidden.html
+++ b/demos/image_hidden.html
@@ -58,7 +58,7 @@ <h1>Hidden images demo</h1>
           <a href="#1"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -68,7 +68,7 @@ <h1>Hidden images demo</h1>
           <a href="#2"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -79,7 +79,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -90,7 +90,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy dnone"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -101,7 +101,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -112,7 +112,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy vhidden"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -123,7 +123,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -134,7 +134,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy o0"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -145,7 +145,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -156,7 +156,7 @@ <h1>Hidden images demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -185,7 +185,7 @@ <h1>Hidden images demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_no_classes.html b/demos/image_no_classes.html
index 1b23005c..893695ab 100644
--- a/demos/image_no_classes.html
+++ b/demos/image_no_classes.html
@@ -46,7 +46,7 @@ <h1>Basic demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -55,7 +55,7 @@ <h1>Basic demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -65,7 +65,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -75,7 +75,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -85,7 +85,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -95,7 +95,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -105,7 +105,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -115,7 +115,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -125,7 +125,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -135,7 +135,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -145,7 +145,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -155,7 +155,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -165,7 +165,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -175,7 +175,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -185,7 +185,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -195,7 +195,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -205,7 +205,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -215,7 +215,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -225,7 +225,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -235,7 +235,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -245,7 +245,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -255,7 +255,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -265,7 +265,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -275,7 +275,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -285,7 +285,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -295,7 +295,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -305,7 +305,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -315,7 +315,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -325,7 +325,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -335,7 +335,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -345,7 +345,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -355,7 +355,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -365,7 +365,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -375,7 +375,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -385,7 +385,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -395,7 +395,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -405,7 +405,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -415,7 +415,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -425,7 +425,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -435,7 +435,7 @@ <h1>Basic demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -463,7 +463,7 @@ <h1>Basic demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_ph_external.html b/demos/image_ph_external.html
index 4a89caa9..2b3b2d1b 100644
--- a/demos/image_ph_external.html
+++ b/demos/image_ph_external.html
@@ -47,7 +47,7 @@ <h1>Images with external placeholder demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -56,7 +56,7 @@ <h1>Images with external placeholder demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -67,7 +67,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -78,7 +78,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -89,7 +89,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -100,7 +100,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -111,7 +111,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -122,7 +122,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -133,7 +133,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -144,7 +144,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -155,7 +155,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -166,7 +166,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -177,7 +177,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -188,7 +188,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -199,7 +199,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -210,7 +210,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -221,7 +221,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -232,7 +232,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -243,7 +243,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -254,7 +254,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Francesine"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -265,7 +265,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -276,7 +276,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -287,7 +287,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -298,7 +298,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -309,7 +309,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -320,7 +320,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -331,7 +331,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -342,7 +342,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -353,7 +353,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -364,7 +364,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -375,7 +375,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -386,7 +386,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -397,7 +397,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Cuissardes"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -408,7 +408,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -419,7 +419,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -430,7 +430,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -441,7 +441,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -452,7 +452,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -463,7 +463,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -474,7 +474,7 @@ <h1>Images with external placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="./placeholders/11-14.svg"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -503,7 +503,7 @@ <h1>Images with external placeholder demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_ph_inline.html b/demos/image_ph_inline.html
index bf5bd5a0..c5a30cd2 100644
--- a/demos/image_ph_inline.html
+++ b/demos/image_ph_inline.html
@@ -47,7 +47,7 @@ <h1>Images with inline placeholder demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -56,7 +56,7 @@ <h1>Images with inline placeholder demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -67,7 +67,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -78,7 +78,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -89,7 +89,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -100,7 +100,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -111,7 +111,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -122,7 +122,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -133,7 +133,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -144,7 +144,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -155,7 +155,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -166,7 +166,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -177,7 +177,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -188,7 +188,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -199,7 +199,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -210,7 +210,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -221,7 +221,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -232,7 +232,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -243,7 +243,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -254,7 +254,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Francesine"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -265,7 +265,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -276,7 +276,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -287,7 +287,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -298,7 +298,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -309,7 +309,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivali"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -320,7 +320,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -331,7 +331,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -342,7 +342,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -353,7 +353,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -364,7 +364,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -375,7 +375,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -386,7 +386,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -397,7 +397,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Cuissardes"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -408,7 +408,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Décolleté"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -419,7 +419,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Stivaletti"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -430,7 +430,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -441,7 +441,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -452,7 +452,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -463,7 +463,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -474,7 +474,7 @@ <h1>Images with inline placeholder demo</h1>
               alt="Mocassini"
               class="lazy"
               src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -503,7 +503,7 @@ <h1>Images with inline placeholder demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_srcset.html b/demos/image_srcset.html
index 7f9f6fed..54ba5e43 100644
--- a/demos/image_srcset.html
+++ b/demos/image_srcset.html
@@ -42,10 +42,10 @@ <h1>Images with srcset without sizes demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html">
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               srcset="
-                https://via.placeholder.com/220x280?text=Img+01 1x,
-                https://via.placeholder.com/440x560?text=Img+01 2x
+                ./images/220x280-01.webp 1x,
+                ./images/440x560-01.webp 2x
               "
             />
           </a>
@@ -54,10 +54,10 @@ <h1>Images with srcset without sizes demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html">
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               srcset="
-                https://via.placeholder.com/220x280?text=Img+02 1x,
-                https://via.placeholder.com/440x560?text=Img+02 2x
+                ./images/220x280-02.webp 1x,
+                ./images/440x560-02.webp 2x
               "
             />
           </a>
@@ -67,8 +67,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+03 1x, https://via.placeholder.com/440x560?text=Img+03 2x"
+              data-src="./images/440x560-03.webp"
+              data-srcset="./images/220x280-03.webp 1x, ./images/440x560-03.webp 2x"
             />
           </a>
         </li>
@@ -77,8 +77,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+04 1x, https://via.placeholder.com/440x560?text=Img+04 2x"
+              data-src="./images/440x560-04.webp"
+              data-srcset="./images/220x280-04.webp 1x, ./images/440x560-04.webp 2x"
             />
           </a>
         </li>
@@ -87,8 +87,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+05 1x, https://via.placeholder.com/440x560?text=Img+05 2x"
+              data-src="./images/440x560-05.webp"
+              data-srcset="./images/220x280-05.webp 1x, ./images/440x560-05.webp 2x"
             />
           </a>
         </li>
@@ -97,8 +97,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+06 1x, https://via.placeholder.com/440x560?text=Img+06 2x"
+              data-src="./images/440x560-06.webp"
+              data-srcset="./images/220x280-06.webp 1x, ./images/440x560-06.webp 2x"
             />
           </a>
         </li>
@@ -107,8 +107,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+07 1x, https://via.placeholder.com/440x560?text=Img+07 2x"
+              data-src="./images/440x560-07.webp"
+              data-srcset="./images/220x280-07.webp 1x, ./images/440x560-07.webp 2x"
             />
           </a>
         </li>
@@ -117,8 +117,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+08 1x, https://via.placeholder.com/440x560?text=Img+08 2x"
+              data-src="./images/440x560-08.webp"
+              data-srcset="./images/220x280-08.webp 1x, ./images/440x560-08.webp 2x"
             />
           </a>
         </li>
@@ -127,8 +127,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+09 1x, https://via.placeholder.com/440x560?text=Img+09 2x"
+              data-src="./images/440x560-09.webp"
+              data-srcset="./images/220x280-09.webp 1x, ./images/440x560-09.webp 2x"
             />
           </a>
         </li>
@@ -137,8 +137,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+10 1x, https://via.placeholder.com/440x560?text=Img+10 2x"
+              data-src="./images/440x560-10.webp"
+              data-srcset="./images/220x280-10.webp 1x, ./images/440x560-10.webp 2x"
             />
           </a>
         </li>
@@ -147,8 +147,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+11 1x, https://via.placeholder.com/440x560?text=Img+11 2x"
+              data-src="./images/440x560-11.webp"
+              data-srcset="./images/220x280-11.webp 1x, ./images/440x560-11.webp 2x"
             />
           </a>
         </li>
@@ -157,8 +157,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+12 1x, https://via.placeholder.com/440x560?text=Img+12 2x"
+              data-src="./images/440x560-12.webp"
+              data-srcset="./images/220x280-12.webp 1x, ./images/440x560-12.webp 2x"
             />
           </a>
         </li>
@@ -167,8 +167,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+13 1x, https://via.placeholder.com/440x560?text=Img+13 2x"
+              data-src="./images/440x560-13.webp"
+              data-srcset="./images/220x280-13.webp 1x, ./images/440x560-13.webp 2x"
             />
           </a>
         </li>
@@ -177,8 +177,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+14 1x, https://via.placeholder.com/440x560?text=Img+14 2x"
+              data-src="./images/440x560-14.webp"
+              data-srcset="./images/220x280-14.webp 1x, ./images/440x560-14.webp 2x"
             />
           </a>
         </li>
@@ -187,8 +187,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+15 1x, https://via.placeholder.com/440x560?text=Img+15 2x"
+              data-src="./images/440x560-15.webp"
+              data-srcset="./images/220x280-15.webp 1x, ./images/440x560-15.webp 2x"
             />
           </a>
         </li>
@@ -197,8 +197,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+16 1x, https://via.placeholder.com/440x560?text=Img+16 2x"
+              data-src="./images/440x560-16.webp"
+              data-srcset="./images/220x280-16.webp 1x, ./images/440x560-16.webp 2x"
             />
           </a>
         </li>
@@ -207,8 +207,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+17 1x, https://via.placeholder.com/440x560?text=Img+17 2x"
+              data-src="./images/440x560-17.webp"
+              data-srcset="./images/220x280-17.webp 1x, ./images/440x560-17.webp 2x"
             />
           </a>
         </li>
@@ -217,8 +217,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+18 1x, https://via.placeholder.com/440x560?text=Img+18 2x"
+              data-src="./images/440x560-18.webp"
+              data-srcset="./images/220x280-18.webp 1x, ./images/440x560-18.webp 2x"
             />
           </a>
         </li>
@@ -227,8 +227,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+19 1x, https://via.placeholder.com/440x560?text=Img+19 2x"
+              data-src="./images/440x560-19.webp"
+              data-srcset="./images/220x280-19.webp 1x, ./images/440x560-19.webp 2x"
             />
           </a>
         </li>
@@ -237,8 +237,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+20 1x, https://via.placeholder.com/440x560?text=Img+20 2x"
+              data-src="./images/440x560-20.webp"
+              data-srcset="./images/220x280-20.webp 1x, ./images/440x560-20.webp 2x"
             />
           </a>
         </li>
@@ -247,8 +247,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+21 1x, https://via.placeholder.com/440x560?text=Img+21 2x"
+              data-src="./images/440x560-21.webp"
+              data-srcset="./images/220x280-21.webp 1x, ./images/440x560-21.webp 2x"
             />
           </a>
         </li>
@@ -257,8 +257,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+22 1x, https://via.placeholder.com/440x560?text=Img+22 2x"
+              data-src="./images/440x560-22.webp"
+              data-srcset="./images/220x280-22.webp 1x, ./images/440x560-22.webp 2x"
             />
           </a>
         </li>
@@ -267,8 +267,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+23 1x, https://via.placeholder.com/440x560?text=Img+23 2x"
+              data-src="./images/440x560-23.webp"
+              data-srcset="./images/220x280-23.webp 1x, ./images/440x560-23.webp 2x"
             />
           </a>
         </li>
@@ -277,8 +277,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+24 1x, https://via.placeholder.com/440x560?text=Img+24 2x"
+              data-src="./images/440x560-24.webp"
+              data-srcset="./images/220x280-24.webp 1x, ./images/440x560-24.webp 2x"
             />
           </a>
         </li>
@@ -287,8 +287,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+25 1x, https://via.placeholder.com/440x560?text=Img+25 2x"
+              data-src="./images/440x560-25.webp"
+              data-srcset="./images/220x280-25.webp 1x, ./images/440x560-25.webp 2x"
             />
           </a>
         </li>
@@ -297,8 +297,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+26 1x, https://via.placeholder.com/440x560?text=Img+26 2x"
+              data-src="./images/440x560-26.webp"
+              data-srcset="./images/220x280-26.webp 1x, ./images/440x560-26.webp 2x"
             />
           </a>
         </li>
@@ -307,8 +307,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+27 1x, https://via.placeholder.com/440x560?text=Img+27 2x"
+              data-src="./images/440x560-27.webp"
+              data-srcset="./images/220x280-27.webp 1x, ./images/440x560-27.webp 2x"
             />
           </a>
         </li>
@@ -317,8 +317,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+28 1x, https://via.placeholder.com/440x560?text=Img+28 2x"
+              data-src="./images/440x560-28.webp"
+              data-srcset="./images/220x280-28.webp 1x, ./images/440x560-28.webp 2x"
             />
           </a>
         </li>
@@ -327,8 +327,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+29 1x, https://via.placeholder.com/440x560?text=Img+29 2x"
+              data-src="./images/440x560-29.webp"
+              data-srcset="./images/220x280-29.webp 1x, ./images/440x560-29.webp 2x"
             />
           </a>
         </li>
@@ -337,8 +337,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+30 1x, https://via.placeholder.com/440x560?text=Img+30 2x"
+              data-src="./images/440x560-30.webp"
+              data-srcset="./images/220x280-30.webp 1x, ./images/440x560-30.webp 2x"
             />
           </a>
         </li>
@@ -347,8 +347,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+31 1x, https://via.placeholder.com/440x560?text=Img+31 2x"
+              data-src="./images/440x560-31.webp"
+              data-srcset="./images/220x280-31.webp 1x, ./images/440x560-31.webp 2x"
             />
           </a>
         </li>
@@ -357,8 +357,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+32 1x, https://via.placeholder.com/440x560?text=Img+32 2x"
+              data-src="./images/440x560-32.webp"
+              data-srcset="./images/220x280-32.webp 1x, ./images/440x560-32.webp 2x"
             />
           </a>
         </li>
@@ -367,8 +367,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+33 1x, https://via.placeholder.com/440x560?text=Img+33 2x"
+              data-src="./images/440x560-33.webp"
+              data-srcset="./images/220x280-33.webp 1x, ./images/440x560-33.webp 2x"
             />
           </a>
         </li>
@@ -377,8 +377,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+34 1x, https://via.placeholder.com/440x560?text=Img+34 2x"
+              data-src="./images/440x560-34.webp"
+              data-srcset="./images/220x280-34.webp 1x, ./images/440x560-34.webp 2x"
             />
           </a>
         </li>
@@ -387,8 +387,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+35 1x, https://via.placeholder.com/440x560?text=Img+35 2x"
+              data-src="./images/440x560-35.webp"
+              data-srcset="./images/220x280-35.webp 1x, ./images/440x560-35.webp 2x"
             />
           </a>
         </li>
@@ -397,8 +397,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+36 1x, https://via.placeholder.com/440x560?text=Img+36 2x"
+              data-src="./images/440x560-36.webp"
+              data-srcset="./images/220x280-36.webp 1x, ./images/440x560-36.webp 2x"
             />
           </a>
         </li>
@@ -407,8 +407,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+37 1x, https://via.placeholder.com/440x560?text=Img+37 2x"
+              data-src="./images/440x560-37.webp"
+              data-srcset="./images/220x280-37.webp 1x, ./images/440x560-37.webp 2x"
             />
           </a>
         </li>
@@ -417,8 +417,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+38 1x, https://via.placeholder.com/440x560?text=Img+38 2x"
+              data-src="./images/440x560-38.webp"
+              data-srcset="./images/220x280-38.webp 1x, ./images/440x560-38.webp 2x"
             />
           </a>
         </li>
@@ -427,8 +427,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+39 1x, https://via.placeholder.com/440x560?text=Img+39 2x"
+              data-src="./images/440x560-39.webp"
+              data-srcset="./images/220x280-39.webp 1x, ./images/440x560-39.webp 2x"
             />
           </a>
         </li>
@@ -437,8 +437,8 @@ <h1>Images with srcset without sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+40 1x, https://via.placeholder.com/440x560?text=Img+40 2x"
+              data-src="./images/440x560-40.webp"
+              data-srcset="./images/220x280-40.webp 1x, ./images/440x560-40.webp 2x"
             />
           </a>
         </li>
@@ -466,7 +466,7 @@ <h1>Images with srcset without sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_srcset_lazy_sizes.html b/demos/image_srcset_lazy_sizes.html
index 58f6d098..75a1a103 100644
--- a/demos/image_srcset_lazy_sizes.html
+++ b/demos/image_srcset_lazy_sizes.html
@@ -43,10 +43,10 @@ <h1>Images with srcset and lazy sizes demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html">
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/220x280?text=Img+01"
+              src="./images/220x280-01.webp"
               srcset="
-                https://via.placeholder.com/220x280?text=Img+01 220w,
-                https://via.placeholder.com/440x560?text=Img+01 440w
+                ./images/220x280-01.webp 220w,
+                ./images/440x560-01.webp 440w
               "
               sizes="220px"
             />
@@ -56,10 +56,10 @@ <h1>Images with srcset and lazy sizes demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html">
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/220x280?text=Img+02"
+              src="./images/220x280-02.webp"
               srcset="
-                https://via.placeholder.com/220x280?text=Img+02 220w,
-                https://via.placeholder.com/440x560?text=Img+02 440w
+                ./images/220x280-02.webp 220w,
+                ./images/440x560-02.webp 440w
               "
               sizes="220px"
             />
@@ -70,8 +70,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+03"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+03 220w, https://via.placeholder.com/440x560?text=Img+03 440w"
+              data-src="./images/220x280-03.webp"
+              data-srcset="./images/220x280-03.webp 220w, ./images/440x560-03.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -81,8 +81,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+04"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+04 220w, https://via.placeholder.com/440x560?text=Img+04 440w"
+              data-src="./images/220x280-04.webp"
+              data-srcset="./images/220x280-04.webp 220w, ./images/440x560-04.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -92,8 +92,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+05"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+05 220w, https://via.placeholder.com/440x560?text=Img+05 440w"
+              data-src="./images/220x280-05.webp"
+              data-srcset="./images/220x280-05.webp 220w, ./images/440x560-05.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -103,8 +103,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+06"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+06 220w, https://via.placeholder.com/440x560?text=Img+06 440w"
+              data-src="./images/220x280-06.webp"
+              data-srcset="./images/220x280-06.webp 220w, ./images/440x560-06.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -114,8 +114,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+07"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+07 220w, https://via.placeholder.com/440x560?text=Img+07 440w"
+              data-src="./images/220x280-07.webp"
+              data-srcset="./images/220x280-07.webp 220w, ./images/440x560-07.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -125,8 +125,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+08"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+08 220w, https://via.placeholder.com/440x560?text=Img+08 440w"
+              data-src="./images/220x280-08.webp"
+              data-srcset="./images/220x280-08.webp 220w, ./images/440x560-08.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -136,8 +136,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+09"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+09 220w, https://via.placeholder.com/440x560?text=Img+09 440w"
+              data-src="./images/220x280-09.webp"
+              data-srcset="./images/220x280-09.webp 220w, ./images/440x560-09.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -147,8 +147,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+10"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+10 220w, https://via.placeholder.com/440x560?text=Img+10 440w"
+              data-src="./images/220x280-10.webp"
+              data-srcset="./images/220x280-10.webp 220w, ./images/440x560-10.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -158,8 +158,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+11"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+11 220w, https://via.placeholder.com/440x560?text=Img+11 440w"
+              data-src="./images/220x280-11.webp"
+              data-srcset="./images/220x280-11.webp 220w, ./images/440x560-11.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -169,8 +169,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+12"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+12 220w, https://via.placeholder.com/440x560?text=Img+12 440w"
+              data-src="./images/220x280-12.webp"
+              data-srcset="./images/220x280-12.webp 220w, ./images/440x560-12.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -180,8 +180,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+13"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+13 220w, https://via.placeholder.com/440x560?text=Img+13 440w"
+              data-src="./images/220x280-13.webp"
+              data-srcset="./images/220x280-13.webp 220w, ./images/440x560-13.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -191,8 +191,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+14"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+14 220w, https://via.placeholder.com/440x560?text=Img+14 440w"
+              data-src="./images/220x280-14.webp"
+              data-srcset="./images/220x280-14.webp 220w, ./images/440x560-14.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -202,8 +202,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+15"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+15 220w, https://via.placeholder.com/440x560?text=Img+15 440w"
+              data-src="./images/220x280-15.webp"
+              data-srcset="./images/220x280-15.webp 220w, ./images/440x560-15.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -213,8 +213,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+16"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+16 220w, https://via.placeholder.com/440x560?text=Img+16 440w"
+              data-src="./images/220x280-16.webp"
+              data-srcset="./images/220x280-16.webp 220w, ./images/440x560-16.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -224,8 +224,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+17"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+17 220w, https://via.placeholder.com/440x560?text=Img+17 440w"
+              data-src="./images/220x280-17.webp"
+              data-srcset="./images/220x280-17.webp 220w, ./images/440x560-17.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -235,8 +235,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+18"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+18 220w, https://via.placeholder.com/440x560?text=Img+18 440w"
+              data-src="./images/220x280-18.webp"
+              data-srcset="./images/220x280-18.webp 220w, ./images/440x560-18.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -246,8 +246,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+19"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+19 220w, https://via.placeholder.com/440x560?text=Img+19 440w"
+              data-src="./images/220x280-19.webp"
+              data-srcset="./images/220x280-19.webp 220w, ./images/440x560-19.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -257,8 +257,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+20"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+20 220w, https://via.placeholder.com/440x560?text=Img+20 440w"
+              data-src="./images/220x280-20.webp"
+              data-srcset="./images/220x280-20.webp 220w, ./images/440x560-20.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -268,8 +268,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+21"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+21 220w, https://via.placeholder.com/440x560?text=Img+21 440w"
+              data-src="./images/220x280-21.webp"
+              data-srcset="./images/220x280-21.webp 220w, ./images/440x560-21.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -279,8 +279,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+22"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+22 220w, https://via.placeholder.com/440x560?text=Img+22 440w"
+              data-src="./images/220x280-22.webp"
+              data-srcset="./images/220x280-22.webp 220w, ./images/440x560-22.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -290,8 +290,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+23"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+23 220w, https://via.placeholder.com/440x560?text=Img+23 440w"
+              data-src="./images/220x280-23.webp"
+              data-srcset="./images/220x280-23.webp 220w, ./images/440x560-23.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -301,8 +301,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+24"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+24 220w, https://via.placeholder.com/440x560?text=Img+24 440w"
+              data-src="./images/220x280-24.webp"
+              data-srcset="./images/220x280-24.webp 220w, ./images/440x560-24.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -312,8 +312,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+25"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+25 220w, https://via.placeholder.com/440x560?text=Img+25 440w"
+              data-src="./images/220x280-25.webp"
+              data-srcset="./images/220x280-25.webp 220w, ./images/440x560-25.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -323,8 +323,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+26"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+26 220w, https://via.placeholder.com/440x560?text=Img+26 440w"
+              data-src="./images/220x280-26.webp"
+              data-srcset="./images/220x280-26.webp 220w, ./images/440x560-26.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -334,8 +334,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+27"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+27 220w, https://via.placeholder.com/440x560?text=Img+27 440w"
+              data-src="./images/220x280-27.webp"
+              data-srcset="./images/220x280-27.webp 220w, ./images/440x560-27.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -345,8 +345,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+28"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+28 220w, https://via.placeholder.com/440x560?text=Img+28 440w"
+              data-src="./images/220x280-28.webp"
+              data-srcset="./images/220x280-28.webp 220w, ./images/440x560-28.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -356,8 +356,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+29"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+29 220w, https://via.placeholder.com/440x560?text=Img+29 440w"
+              data-src="./images/220x280-29.webp"
+              data-srcset="./images/220x280-29.webp 220w, ./images/440x560-29.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -367,8 +367,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+30"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+30 220w, https://via.placeholder.com/440x560?text=Img+30 440w"
+              data-src="./images/220x280-30.webp"
+              data-srcset="./images/220x280-30.webp 220w, ./images/440x560-30.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -378,8 +378,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+31"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+31 220w, https://via.placeholder.com/440x560?text=Img+31 440w"
+              data-src="./images/220x280-31.webp"
+              data-srcset="./images/220x280-31.webp 220w, ./images/440x560-31.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -389,8 +389,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+32"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+32 220w, https://via.placeholder.com/440x560?text=Img+32 440w"
+              data-src="./images/220x280-32.webp"
+              data-srcset="./images/220x280-32.webp 220w, ./images/440x560-32.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -400,8 +400,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+33"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+33 220w, https://via.placeholder.com/440x560?text=Img+33 440w"
+              data-src="./images/220x280-33.webp"
+              data-srcset="./images/220x280-33.webp 220w, ./images/440x560-33.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -411,8 +411,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+34"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+34 220w, https://via.placeholder.com/440x560?text=Img+34 440w"
+              data-src="./images/220x280-34.webp"
+              data-srcset="./images/220x280-34.webp 220w, ./images/440x560-34.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -422,8 +422,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+35"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+35 220w, https://via.placeholder.com/440x560?text=Img+35 440w"
+              data-src="./images/220x280-35.webp"
+              data-srcset="./images/220x280-35.webp 220w, ./images/440x560-35.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -433,8 +433,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+36"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+36 220w, https://via.placeholder.com/440x560?text=Img+36 440w"
+              data-src="./images/220x280-36.webp"
+              data-srcset="./images/220x280-36.webp 220w, ./images/440x560-36.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -444,8 +444,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+37"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+37 220w, https://via.placeholder.com/440x560?text=Img+37 440w"
+              data-src="./images/220x280-37.webp"
+              data-srcset="./images/220x280-37.webp 220w, ./images/440x560-37.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -455,8 +455,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+38"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+38 220w, https://via.placeholder.com/440x560?text=Img+38 440w"
+              data-src="./images/220x280-38.webp"
+              data-srcset="./images/220x280-38.webp 220w, ./images/440x560-38.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -466,8 +466,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+39"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+39 220w, https://via.placeholder.com/440x560?text=Img+39 440w"
+              data-src="./images/220x280-39.webp"
+              data-srcset="./images/220x280-39.webp 220w, ./images/440x560-39.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -477,8 +477,8 @@ <h1>Images with srcset and lazy sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/220x280?text=Img+40"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+40 220w, https://via.placeholder.com/440x560?text=Img+40 440w"
+              data-src="./images/220x280-40.webp"
+              data-srcset="./images/220x280-40.webp 220w, ./images/440x560-40.webp 440w"
               data-sizes="220px"
             />
           </a>
@@ -507,7 +507,7 @@ <h1>Images with srcset and lazy sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_srcset_sizes.html b/demos/image_srcset_sizes.html
index 63921a49..8481dc22 100644
--- a/demos/image_srcset_sizes.html
+++ b/demos/image_srcset_sizes.html
@@ -42,10 +42,10 @@ <h1>Images with srcset and eager sizes demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html">
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               srcset="
-                https://via.placeholder.com/220x280?text=Img+01 220w,
-                https://via.placeholder.com/440x560?text=Img+01 440w
+                ./images/220x280-01.webp 220w,
+                ./images/440x560-01.webp 440w
               "
               sizes="220px"
             />
@@ -55,10 +55,10 @@ <h1>Images with srcset and eager sizes demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html">
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               srcset="
-                https://via.placeholder.com/220x280?text=Img+02 220w,
-                https://via.placeholder.com/440x560?text=Img+02 440w
+                ./images/220x280-02.webp 220w,
+                ./images/440x560-02.webp 440w
               "
               sizes="220px"
             />
@@ -69,8 +69,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+03 220w, https://via.placeholder.com/440x560?text=Img+03 440w"
+              data-src="./images/440x560-03.webp"
+              data-srcset="./images/220x280-03.webp 220w, ./images/440x560-03.webp 440w"
               sizes="220px"
             />
           </a>
@@ -80,8 +80,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+04 220w, https://via.placeholder.com/440x560?text=Img+04 440w"
+              data-src="./images/440x560-04.webp"
+              data-srcset="./images/220x280-04.webp 220w, ./images/440x560-04.webp 440w"
               sizes="220px"
             />
           </a>
@@ -91,8 +91,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+05 220w, https://via.placeholder.com/440x560?text=Img+05 440w"
+              data-src="./images/440x560-05.webp"
+              data-srcset="./images/220x280-05.webp 220w, ./images/440x560-05.webp 440w"
               sizes="220px"
             />
           </a>
@@ -102,8 +102,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+06 220w, https://via.placeholder.com/440x560?text=Img+06 440w"
+              data-src="./images/440x560-06.webp"
+              data-srcset="./images/220x280-06.webp 220w, ./images/440x560-06.webp 440w"
               sizes="220px"
             />
           </a>
@@ -113,8 +113,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+07 220w, https://via.placeholder.com/440x560?text=Img+07 440w"
+              data-src="./images/440x560-07.webp"
+              data-srcset="./images/220x280-07.webp 220w, ./images/440x560-07.webp 440w"
               sizes="220px"
             />
           </a>
@@ -124,8 +124,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+08 220w, https://via.placeholder.com/440x560?text=Img+08 440w"
+              data-src="./images/440x560-08.webp"
+              data-srcset="./images/220x280-08.webp 220w, ./images/440x560-08.webp 440w"
               sizes="220px"
             />
           </a>
@@ -135,8 +135,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+09 220w, https://via.placeholder.com/440x560?text=Img+09 440w"
+              data-src="./images/440x560-09.webp"
+              data-srcset="./images/220x280-09.webp 220w, ./images/440x560-09.webp 440w"
               sizes="220px"
             />
           </a>
@@ -146,8 +146,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+10 220w, https://via.placeholder.com/440x560?text=Img+10 440w"
+              data-src="./images/440x560-10.webp"
+              data-srcset="./images/220x280-10.webp 220w, ./images/440x560-10.webp 440w"
               sizes="220px"
             />
           </a>
@@ -157,8 +157,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+11 220w, https://via.placeholder.com/440x560?text=Img+11 440w"
+              data-src="./images/440x560-11.webp"
+              data-srcset="./images/220x280-11.webp 220w, ./images/440x560-11.webp 440w"
               sizes="220px"
             />
           </a>
@@ -168,8 +168,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+12 220w, https://via.placeholder.com/440x560?text=Img+12 440w"
+              data-src="./images/440x560-12.webp"
+              data-srcset="./images/220x280-12.webp 220w, ./images/440x560-12.webp 440w"
               sizes="220px"
             />
           </a>
@@ -179,8 +179,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+13 220w, https://via.placeholder.com/440x560?text=Img+13 440w"
+              data-src="./images/440x560-13.webp"
+              data-srcset="./images/220x280-13.webp 220w, ./images/440x560-13.webp 440w"
               sizes="220px"
             />
           </a>
@@ -190,8 +190,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+14 220w, https://via.placeholder.com/440x560?text=Img+14 440w"
+              data-src="./images/440x560-14.webp"
+              data-srcset="./images/220x280-14.webp 220w, ./images/440x560-14.webp 440w"
               sizes="220px"
             />
           </a>
@@ -201,8 +201,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+15 220w, https://via.placeholder.com/440x560?text=Img+15 440w"
+              data-src="./images/440x560-15.webp"
+              data-srcset="./images/220x280-15.webp 220w, ./images/440x560-15.webp 440w"
               sizes="220px"
             />
           </a>
@@ -212,8 +212,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+16 220w, https://via.placeholder.com/440x560?text=Img+16 440w"
+              data-src="./images/440x560-16.webp"
+              data-srcset="./images/220x280-16.webp 220w, ./images/440x560-16.webp 440w"
               sizes="220px"
             />
           </a>
@@ -223,8 +223,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+17 220w, https://via.placeholder.com/440x560?text=Img+17 440w"
+              data-src="./images/440x560-17.webp"
+              data-srcset="./images/220x280-17.webp 220w, ./images/440x560-17.webp 440w"
               sizes="220px"
             />
           </a>
@@ -234,8 +234,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+18 220w, https://via.placeholder.com/440x560?text=Img+18 440w"
+              data-src="./images/440x560-18.webp"
+              data-srcset="./images/220x280-18.webp 220w, ./images/440x560-18.webp 440w"
               sizes="220px"
             />
           </a>
@@ -245,8 +245,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+19 220w, https://via.placeholder.com/440x560?text=Img+19 440w"
+              data-src="./images/440x560-19.webp"
+              data-srcset="./images/220x280-19.webp 220w, ./images/440x560-19.webp 440w"
               sizes="220px"
             />
           </a>
@@ -256,8 +256,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+20 220w, https://via.placeholder.com/440x560?text=Img+20 440w"
+              data-src="./images/440x560-20.webp"
+              data-srcset="./images/220x280-20.webp 220w, ./images/440x560-20.webp 440w"
               sizes="220px"
             />
           </a>
@@ -267,8 +267,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+21 220w, https://via.placeholder.com/440x560?text=Img+21 440w"
+              data-src="./images/440x560-21.webp"
+              data-srcset="./images/220x280-21.webp 220w, ./images/440x560-21.webp 440w"
               sizes="220px"
             />
           </a>
@@ -278,8 +278,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+22 220w, https://via.placeholder.com/440x560?text=Img+22 440w"
+              data-src="./images/440x560-22.webp"
+              data-srcset="./images/220x280-22.webp 220w, ./images/440x560-22.webp 440w"
               sizes="220px"
             />
           </a>
@@ -289,8 +289,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+23 220w, https://via.placeholder.com/440x560?text=Img+23 440w"
+              data-src="./images/440x560-23.webp"
+              data-srcset="./images/220x280-23.webp 220w, ./images/440x560-23.webp 440w"
               sizes="220px"
             />
           </a>
@@ -300,8 +300,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+24 220w, https://via.placeholder.com/440x560?text=Img+24 440w"
+              data-src="./images/440x560-24.webp"
+              data-srcset="./images/220x280-24.webp 220w, ./images/440x560-24.webp 440w"
               sizes="220px"
             />
           </a>
@@ -311,8 +311,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+25 220w, https://via.placeholder.com/440x560?text=Img+25 440w"
+              data-src="./images/440x560-25.webp"
+              data-srcset="./images/220x280-25.webp 220w, ./images/440x560-25.webp 440w"
               sizes="220px"
             />
           </a>
@@ -322,8 +322,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+26 220w, https://via.placeholder.com/440x560?text=Img+26 440w"
+              data-src="./images/440x560-26.webp"
+              data-srcset="./images/220x280-26.webp 220w, ./images/440x560-26.webp 440w"
               sizes="220px"
             />
           </a>
@@ -333,8 +333,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+27 220w, https://via.placeholder.com/440x560?text=Img+27 440w"
+              data-src="./images/440x560-27.webp"
+              data-srcset="./images/220x280-27.webp 220w, ./images/440x560-27.webp 440w"
               sizes="220px"
             />
           </a>
@@ -344,8 +344,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+28 220w, https://via.placeholder.com/440x560?text=Img+28 440w"
+              data-src="./images/440x560-28.webp"
+              data-srcset="./images/220x280-28.webp 220w, ./images/440x560-28.webp 440w"
               sizes="220px"
             />
           </a>
@@ -355,8 +355,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+29 220w, https://via.placeholder.com/440x560?text=Img+29 440w"
+              data-src="./images/440x560-29.webp"
+              data-srcset="./images/220x280-29.webp 220w, ./images/440x560-29.webp 440w"
               sizes="220px"
             />
           </a>
@@ -366,8 +366,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+30 220w, https://via.placeholder.com/440x560?text=Img+30 440w"
+              data-src="./images/440x560-30.webp"
+              data-srcset="./images/220x280-30.webp 220w, ./images/440x560-30.webp 440w"
               sizes="220px"
             />
           </a>
@@ -377,8 +377,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+31 220w, https://via.placeholder.com/440x560?text=Img+31 440w"
+              data-src="./images/440x560-31.webp"
+              data-srcset="./images/220x280-31.webp 220w, ./images/440x560-31.webp 440w"
               sizes="220px"
             />
           </a>
@@ -388,8 +388,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+32 220w, https://via.placeholder.com/440x560?text=Img+32 440w"
+              data-src="./images/440x560-32.webp"
+              data-srcset="./images/220x280-32.webp 220w, ./images/440x560-32.webp 440w"
               sizes="220px"
             />
           </a>
@@ -399,8 +399,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+33 220w, https://via.placeholder.com/440x560?text=Img+33 440w"
+              data-src="./images/440x560-33.webp"
+              data-srcset="./images/220x280-33.webp 220w, ./images/440x560-33.webp 440w"
               sizes="220px"
             />
           </a>
@@ -410,8 +410,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+34 220w, https://via.placeholder.com/440x560?text=Img+34 440w"
+              data-src="./images/440x560-34.webp"
+              data-srcset="./images/220x280-34.webp 220w, ./images/440x560-34.webp 440w"
               sizes="220px"
             />
           </a>
@@ -421,8 +421,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+35 220w, https://via.placeholder.com/440x560?text=Img+35 440w"
+              data-src="./images/440x560-35.webp"
+              data-srcset="./images/220x280-35.webp 220w, ./images/440x560-35.webp 440w"
               sizes="220px"
             />
           </a>
@@ -432,8 +432,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+36 220w, https://via.placeholder.com/440x560?text=Img+36 440w"
+              data-src="./images/440x560-36.webp"
+              data-srcset="./images/220x280-36.webp 220w, ./images/440x560-36.webp 440w"
               sizes="220px"
             />
           </a>
@@ -443,8 +443,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+37 220w, https://via.placeholder.com/440x560?text=Img+37 440w"
+              data-src="./images/440x560-37.webp"
+              data-srcset="./images/220x280-37.webp 220w, ./images/440x560-37.webp 440w"
               sizes="220px"
             />
           </a>
@@ -454,8 +454,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+38 220w, https://via.placeholder.com/440x560?text=Img+38 440w"
+              data-src="./images/440x560-38.webp"
+              data-srcset="./images/220x280-38.webp 220w, ./images/440x560-38.webp 440w"
               sizes="220px"
             />
           </a>
@@ -465,8 +465,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+39 220w, https://via.placeholder.com/440x560?text=Img+39 440w"
+              data-src="./images/440x560-39.webp"
+              data-srcset="./images/220x280-39.webp 220w, ./images/440x560-39.webp 440w"
               sizes="220px"
             />
           </a>
@@ -476,8 +476,8 @@ <h1>Images with srcset and eager sizes demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
-              data-srcset="https://via.placeholder.com/220x280?text=Img+40 220w, https://via.placeholder.com/440x560?text=Img+40 440w"
+              data-src="./images/440x560-40.webp"
+              data-srcset="./images/220x280-40.webp 220w, ./images/440x560-40.webp 440w"
               sizes="220px"
             />
           </a>
@@ -506,7 +506,7 @@ <h1>Images with srcset and eager sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/images/220x280-01.avif b/demos/images/220x280-01.avif
new file mode 100644
index 00000000..c4b673d4
Binary files /dev/null and b/demos/images/220x280-01.avif differ
diff --git a/demos/images/220x280-01.webp b/demos/images/220x280-01.webp
new file mode 100644
index 00000000..c823329e
Binary files /dev/null and b/demos/images/220x280-01.webp differ
diff --git a/demos/images/220x280-02.avif b/demos/images/220x280-02.avif
new file mode 100644
index 00000000..d4a4ec72
Binary files /dev/null and b/demos/images/220x280-02.avif differ
diff --git a/demos/images/220x280-02.webp b/demos/images/220x280-02.webp
new file mode 100644
index 00000000..508b9386
Binary files /dev/null and b/demos/images/220x280-02.webp differ
diff --git a/demos/images/220x280-03.avif b/demos/images/220x280-03.avif
new file mode 100644
index 00000000..7e70ac68
Binary files /dev/null and b/demos/images/220x280-03.avif differ
diff --git a/demos/images/220x280-03.webp b/demos/images/220x280-03.webp
new file mode 100644
index 00000000..241b4e8d
Binary files /dev/null and b/demos/images/220x280-03.webp differ
diff --git a/demos/images/220x280-04.avif b/demos/images/220x280-04.avif
new file mode 100644
index 00000000..2d5ad0dd
Binary files /dev/null and b/demos/images/220x280-04.avif differ
diff --git a/demos/images/220x280-04.webp b/demos/images/220x280-04.webp
new file mode 100644
index 00000000..a82ca2f9
Binary files /dev/null and b/demos/images/220x280-04.webp differ
diff --git a/demos/images/220x280-05.avif b/demos/images/220x280-05.avif
new file mode 100644
index 00000000..c0806dec
Binary files /dev/null and b/demos/images/220x280-05.avif differ
diff --git a/demos/images/220x280-05.webp b/demos/images/220x280-05.webp
new file mode 100644
index 00000000..9f6287fd
Binary files /dev/null and b/demos/images/220x280-05.webp differ
diff --git a/demos/images/220x280-06.avif b/demos/images/220x280-06.avif
new file mode 100644
index 00000000..f8cf61bf
Binary files /dev/null and b/demos/images/220x280-06.avif differ
diff --git a/demos/images/220x280-06.webp b/demos/images/220x280-06.webp
new file mode 100644
index 00000000..0ce0e635
Binary files /dev/null and b/demos/images/220x280-06.webp differ
diff --git a/demos/images/220x280-07.avif b/demos/images/220x280-07.avif
new file mode 100644
index 00000000..beff84a7
Binary files /dev/null and b/demos/images/220x280-07.avif differ
diff --git a/demos/images/220x280-07.webp b/demos/images/220x280-07.webp
new file mode 100644
index 00000000..be874438
Binary files /dev/null and b/demos/images/220x280-07.webp differ
diff --git a/demos/images/220x280-08.avif b/demos/images/220x280-08.avif
new file mode 100644
index 00000000..3d10c8a8
Binary files /dev/null and b/demos/images/220x280-08.avif differ
diff --git a/demos/images/220x280-08.webp b/demos/images/220x280-08.webp
new file mode 100644
index 00000000..e6d6e44b
Binary files /dev/null and b/demos/images/220x280-08.webp differ
diff --git a/demos/images/220x280-09.avif b/demos/images/220x280-09.avif
new file mode 100644
index 00000000..68b483d5
Binary files /dev/null and b/demos/images/220x280-09.avif differ
diff --git a/demos/images/220x280-09.webp b/demos/images/220x280-09.webp
new file mode 100644
index 00000000..72180839
Binary files /dev/null and b/demos/images/220x280-09.webp differ
diff --git a/demos/images/220x280-10.avif b/demos/images/220x280-10.avif
new file mode 100644
index 00000000..5e3e48ae
Binary files /dev/null and b/demos/images/220x280-10.avif differ
diff --git a/demos/images/220x280-10.webp b/demos/images/220x280-10.webp
new file mode 100644
index 00000000..67a7247b
Binary files /dev/null and b/demos/images/220x280-10.webp differ
diff --git a/demos/images/220x280-11.avif b/demos/images/220x280-11.avif
new file mode 100644
index 00000000..b267737a
Binary files /dev/null and b/demos/images/220x280-11.avif differ
diff --git a/demos/images/220x280-11.webp b/demos/images/220x280-11.webp
new file mode 100644
index 00000000..2be3dc0a
Binary files /dev/null and b/demos/images/220x280-11.webp differ
diff --git a/demos/images/220x280-12.avif b/demos/images/220x280-12.avif
new file mode 100644
index 00000000..75a95223
Binary files /dev/null and b/demos/images/220x280-12.avif differ
diff --git a/demos/images/220x280-12.webp b/demos/images/220x280-12.webp
new file mode 100644
index 00000000..2f936a98
Binary files /dev/null and b/demos/images/220x280-12.webp differ
diff --git a/demos/images/220x280-13.avif b/demos/images/220x280-13.avif
new file mode 100644
index 00000000..9f43078a
Binary files /dev/null and b/demos/images/220x280-13.avif differ
diff --git a/demos/images/220x280-13.webp b/demos/images/220x280-13.webp
new file mode 100644
index 00000000..255de608
Binary files /dev/null and b/demos/images/220x280-13.webp differ
diff --git a/demos/images/220x280-14.avif b/demos/images/220x280-14.avif
new file mode 100644
index 00000000..d1ca38ea
Binary files /dev/null and b/demos/images/220x280-14.avif differ
diff --git a/demos/images/220x280-14.webp b/demos/images/220x280-14.webp
new file mode 100644
index 00000000..8acc0791
Binary files /dev/null and b/demos/images/220x280-14.webp differ
diff --git a/demos/images/220x280-15.avif b/demos/images/220x280-15.avif
new file mode 100644
index 00000000..8c0db6d9
Binary files /dev/null and b/demos/images/220x280-15.avif differ
diff --git a/demos/images/220x280-15.webp b/demos/images/220x280-15.webp
new file mode 100644
index 00000000..c924fbf7
Binary files /dev/null and b/demos/images/220x280-15.webp differ
diff --git a/demos/images/220x280-16.avif b/demos/images/220x280-16.avif
new file mode 100644
index 00000000..100974b8
Binary files /dev/null and b/demos/images/220x280-16.avif differ
diff --git a/demos/images/220x280-16.webp b/demos/images/220x280-16.webp
new file mode 100644
index 00000000..03accd24
Binary files /dev/null and b/demos/images/220x280-16.webp differ
diff --git a/demos/images/220x280-17.avif b/demos/images/220x280-17.avif
new file mode 100644
index 00000000..06c1267c
Binary files /dev/null and b/demos/images/220x280-17.avif differ
diff --git a/demos/images/220x280-17.webp b/demos/images/220x280-17.webp
new file mode 100644
index 00000000..ee22451d
Binary files /dev/null and b/demos/images/220x280-17.webp differ
diff --git a/demos/images/220x280-18.avif b/demos/images/220x280-18.avif
new file mode 100644
index 00000000..bdf0cbc0
Binary files /dev/null and b/demos/images/220x280-18.avif differ
diff --git a/demos/images/220x280-18.webp b/demos/images/220x280-18.webp
new file mode 100644
index 00000000..e1263cc9
Binary files /dev/null and b/demos/images/220x280-18.webp differ
diff --git a/demos/images/220x280-19.avif b/demos/images/220x280-19.avif
new file mode 100644
index 00000000..b4840f96
Binary files /dev/null and b/demos/images/220x280-19.avif differ
diff --git a/demos/images/220x280-19.webp b/demos/images/220x280-19.webp
new file mode 100644
index 00000000..6a1fe4c5
Binary files /dev/null and b/demos/images/220x280-19.webp differ
diff --git a/demos/images/220x280-20.avif b/demos/images/220x280-20.avif
new file mode 100644
index 00000000..450f4527
Binary files /dev/null and b/demos/images/220x280-20.avif differ
diff --git a/demos/images/220x280-20.webp b/demos/images/220x280-20.webp
new file mode 100644
index 00000000..019f826a
Binary files /dev/null and b/demos/images/220x280-20.webp differ
diff --git a/demos/images/220x280-21.avif b/demos/images/220x280-21.avif
new file mode 100644
index 00000000..c83f8440
Binary files /dev/null and b/demos/images/220x280-21.avif differ
diff --git a/demos/images/220x280-21.webp b/demos/images/220x280-21.webp
new file mode 100644
index 00000000..b1d47970
Binary files /dev/null and b/demos/images/220x280-21.webp differ
diff --git a/demos/images/220x280-22.avif b/demos/images/220x280-22.avif
new file mode 100644
index 00000000..5c8949b8
Binary files /dev/null and b/demos/images/220x280-22.avif differ
diff --git a/demos/images/220x280-22.webp b/demos/images/220x280-22.webp
new file mode 100644
index 00000000..1fb2ccf2
Binary files /dev/null and b/demos/images/220x280-22.webp differ
diff --git a/demos/images/220x280-23.avif b/demos/images/220x280-23.avif
new file mode 100644
index 00000000..01e6fc18
Binary files /dev/null and b/demos/images/220x280-23.avif differ
diff --git a/demos/images/220x280-23.webp b/demos/images/220x280-23.webp
new file mode 100644
index 00000000..80c497a7
Binary files /dev/null and b/demos/images/220x280-23.webp differ
diff --git a/demos/images/220x280-24.avif b/demos/images/220x280-24.avif
new file mode 100644
index 00000000..d5419fd8
Binary files /dev/null and b/demos/images/220x280-24.avif differ
diff --git a/demos/images/220x280-24.webp b/demos/images/220x280-24.webp
new file mode 100644
index 00000000..57c44c13
Binary files /dev/null and b/demos/images/220x280-24.webp differ
diff --git a/demos/images/220x280-25.avif b/demos/images/220x280-25.avif
new file mode 100644
index 00000000..f900f821
Binary files /dev/null and b/demos/images/220x280-25.avif differ
diff --git a/demos/images/220x280-25.webp b/demos/images/220x280-25.webp
new file mode 100644
index 00000000..cd0c66ba
Binary files /dev/null and b/demos/images/220x280-25.webp differ
diff --git a/demos/images/220x280-26.avif b/demos/images/220x280-26.avif
new file mode 100644
index 00000000..28769287
Binary files /dev/null and b/demos/images/220x280-26.avif differ
diff --git a/demos/images/220x280-26.webp b/demos/images/220x280-26.webp
new file mode 100644
index 00000000..dc5186b2
Binary files /dev/null and b/demos/images/220x280-26.webp differ
diff --git a/demos/images/220x280-27.avif b/demos/images/220x280-27.avif
new file mode 100644
index 00000000..f1415525
Binary files /dev/null and b/demos/images/220x280-27.avif differ
diff --git a/demos/images/220x280-27.webp b/demos/images/220x280-27.webp
new file mode 100644
index 00000000..d6c2b7ac
Binary files /dev/null and b/demos/images/220x280-27.webp differ
diff --git a/demos/images/220x280-28.avif b/demos/images/220x280-28.avif
new file mode 100644
index 00000000..c1d04e9c
Binary files /dev/null and b/demos/images/220x280-28.avif differ
diff --git a/demos/images/220x280-28.webp b/demos/images/220x280-28.webp
new file mode 100644
index 00000000..81db8654
Binary files /dev/null and b/demos/images/220x280-28.webp differ
diff --git a/demos/images/220x280-29.avif b/demos/images/220x280-29.avif
new file mode 100644
index 00000000..ad588e71
Binary files /dev/null and b/demos/images/220x280-29.avif differ
diff --git a/demos/images/220x280-29.webp b/demos/images/220x280-29.webp
new file mode 100644
index 00000000..a7b03af7
Binary files /dev/null and b/demos/images/220x280-29.webp differ
diff --git a/demos/images/220x280-30.avif b/demos/images/220x280-30.avif
new file mode 100644
index 00000000..f0c8ecc0
Binary files /dev/null and b/demos/images/220x280-30.avif differ
diff --git a/demos/images/220x280-30.webp b/demos/images/220x280-30.webp
new file mode 100644
index 00000000..1af3be22
Binary files /dev/null and b/demos/images/220x280-30.webp differ
diff --git a/demos/images/220x280-31.avif b/demos/images/220x280-31.avif
new file mode 100644
index 00000000..4c190b56
Binary files /dev/null and b/demos/images/220x280-31.avif differ
diff --git a/demos/images/220x280-31.webp b/demos/images/220x280-31.webp
new file mode 100644
index 00000000..1558b407
Binary files /dev/null and b/demos/images/220x280-31.webp differ
diff --git a/demos/images/220x280-32.avif b/demos/images/220x280-32.avif
new file mode 100644
index 00000000..9cf41e36
Binary files /dev/null and b/demos/images/220x280-32.avif differ
diff --git a/demos/images/220x280-32.webp b/demos/images/220x280-32.webp
new file mode 100644
index 00000000..e49d299f
Binary files /dev/null and b/demos/images/220x280-32.webp differ
diff --git a/demos/images/220x280-33.avif b/demos/images/220x280-33.avif
new file mode 100644
index 00000000..2f5df690
Binary files /dev/null and b/demos/images/220x280-33.avif differ
diff --git a/demos/images/220x280-33.webp b/demos/images/220x280-33.webp
new file mode 100644
index 00000000..4b476c73
Binary files /dev/null and b/demos/images/220x280-33.webp differ
diff --git a/demos/images/220x280-34.avif b/demos/images/220x280-34.avif
new file mode 100644
index 00000000..16ea85b4
Binary files /dev/null and b/demos/images/220x280-34.avif differ
diff --git a/demos/images/220x280-34.webp b/demos/images/220x280-34.webp
new file mode 100644
index 00000000..064c2582
Binary files /dev/null and b/demos/images/220x280-34.webp differ
diff --git a/demos/images/220x280-35.avif b/demos/images/220x280-35.avif
new file mode 100644
index 00000000..6293f42a
Binary files /dev/null and b/demos/images/220x280-35.avif differ
diff --git a/demos/images/220x280-35.webp b/demos/images/220x280-35.webp
new file mode 100644
index 00000000..4e9041d4
Binary files /dev/null and b/demos/images/220x280-35.webp differ
diff --git a/demos/images/220x280-36.avif b/demos/images/220x280-36.avif
new file mode 100644
index 00000000..ab1e74fa
Binary files /dev/null and b/demos/images/220x280-36.avif differ
diff --git a/demos/images/220x280-36.webp b/demos/images/220x280-36.webp
new file mode 100644
index 00000000..116d995c
Binary files /dev/null and b/demos/images/220x280-36.webp differ
diff --git a/demos/images/220x280-37.avif b/demos/images/220x280-37.avif
new file mode 100644
index 00000000..7e2c0c88
Binary files /dev/null and b/demos/images/220x280-37.avif differ
diff --git a/demos/images/220x280-37.webp b/demos/images/220x280-37.webp
new file mode 100644
index 00000000..7148c752
Binary files /dev/null and b/demos/images/220x280-37.webp differ
diff --git a/demos/images/220x280-38.avif b/demos/images/220x280-38.avif
new file mode 100644
index 00000000..56cd5d46
Binary files /dev/null and b/demos/images/220x280-38.avif differ
diff --git a/demos/images/220x280-38.webp b/demos/images/220x280-38.webp
new file mode 100644
index 00000000..199f20bd
Binary files /dev/null and b/demos/images/220x280-38.webp differ
diff --git a/demos/images/220x280-39.avif b/demos/images/220x280-39.avif
new file mode 100644
index 00000000..2bbea80e
Binary files /dev/null and b/demos/images/220x280-39.avif differ
diff --git a/demos/images/220x280-39.webp b/demos/images/220x280-39.webp
new file mode 100644
index 00000000..38d65bbc
Binary files /dev/null and b/demos/images/220x280-39.webp differ
diff --git a/demos/images/220x280-40.avif b/demos/images/220x280-40.avif
new file mode 100644
index 00000000..a15fb779
Binary files /dev/null and b/demos/images/220x280-40.avif differ
diff --git a/demos/images/220x280-40.webp b/demos/images/220x280-40.webp
new file mode 100644
index 00000000..e5d70827
Binary files /dev/null and b/demos/images/220x280-40.webp differ
diff --git a/demos/images/220x280-L-01.webp b/demos/images/220x280-L-01.webp
new file mode 100644
index 00000000..d75b376e
Binary files /dev/null and b/demos/images/220x280-L-01.webp differ
diff --git a/demos/images/220x280-L-02.webp b/demos/images/220x280-L-02.webp
new file mode 100644
index 00000000..18ec2700
Binary files /dev/null and b/demos/images/220x280-L-02.webp differ
diff --git a/demos/images/220x280-L-03.webp b/demos/images/220x280-L-03.webp
new file mode 100644
index 00000000..02ec8746
Binary files /dev/null and b/demos/images/220x280-L-03.webp differ
diff --git a/demos/images/220x280-L-04.webp b/demos/images/220x280-L-04.webp
new file mode 100644
index 00000000..fa46ddad
Binary files /dev/null and b/demos/images/220x280-L-04.webp differ
diff --git a/demos/images/220x280-L-05.webp b/demos/images/220x280-L-05.webp
new file mode 100644
index 00000000..89d0a135
Binary files /dev/null and b/demos/images/220x280-L-05.webp differ
diff --git a/demos/images/220x280-L-06.webp b/demos/images/220x280-L-06.webp
new file mode 100644
index 00000000..f785f090
Binary files /dev/null and b/demos/images/220x280-L-06.webp differ
diff --git a/demos/images/220x280-L-07.webp b/demos/images/220x280-L-07.webp
new file mode 100644
index 00000000..a364f534
Binary files /dev/null and b/demos/images/220x280-L-07.webp differ
diff --git a/demos/images/220x280-L-08.webp b/demos/images/220x280-L-08.webp
new file mode 100644
index 00000000..f1851cd5
Binary files /dev/null and b/demos/images/220x280-L-08.webp differ
diff --git a/demos/images/220x280-L-09.webp b/demos/images/220x280-L-09.webp
new file mode 100644
index 00000000..46dc68c5
Binary files /dev/null and b/demos/images/220x280-L-09.webp differ
diff --git a/demos/images/220x280-L-10.webp b/demos/images/220x280-L-10.webp
new file mode 100644
index 00000000..ac333a5f
Binary files /dev/null and b/demos/images/220x280-L-10.webp differ
diff --git a/demos/images/220x280-L-11.webp b/demos/images/220x280-L-11.webp
new file mode 100644
index 00000000..fd3a0326
Binary files /dev/null and b/demos/images/220x280-L-11.webp differ
diff --git a/demos/images/220x280-L-12.webp b/demos/images/220x280-L-12.webp
new file mode 100644
index 00000000..5f8daf94
Binary files /dev/null and b/demos/images/220x280-L-12.webp differ
diff --git a/demos/images/220x280-L-13.webp b/demos/images/220x280-L-13.webp
new file mode 100644
index 00000000..0c396536
Binary files /dev/null and b/demos/images/220x280-L-13.webp differ
diff --git a/demos/images/220x280-L-14.webp b/demos/images/220x280-L-14.webp
new file mode 100644
index 00000000..1e215107
Binary files /dev/null and b/demos/images/220x280-L-14.webp differ
diff --git a/demos/images/220x280-L-15.webp b/demos/images/220x280-L-15.webp
new file mode 100644
index 00000000..57f47a91
Binary files /dev/null and b/demos/images/220x280-L-15.webp differ
diff --git a/demos/images/220x280-L-16.webp b/demos/images/220x280-L-16.webp
new file mode 100644
index 00000000..28b2a6f8
Binary files /dev/null and b/demos/images/220x280-L-16.webp differ
diff --git a/demos/images/220x280-L-17.webp b/demos/images/220x280-L-17.webp
new file mode 100644
index 00000000..f947f7e2
Binary files /dev/null and b/demos/images/220x280-L-17.webp differ
diff --git a/demos/images/220x280-L-18.webp b/demos/images/220x280-L-18.webp
new file mode 100644
index 00000000..218e24f7
Binary files /dev/null and b/demos/images/220x280-L-18.webp differ
diff --git a/demos/images/220x280-L-19.webp b/demos/images/220x280-L-19.webp
new file mode 100644
index 00000000..6c367203
Binary files /dev/null and b/demos/images/220x280-L-19.webp differ
diff --git a/demos/images/220x280-L-20.webp b/demos/images/220x280-L-20.webp
new file mode 100644
index 00000000..2448388a
Binary files /dev/null and b/demos/images/220x280-L-20.webp differ
diff --git a/demos/images/220x280-L-21.webp b/demos/images/220x280-L-21.webp
new file mode 100644
index 00000000..67cd1bc6
Binary files /dev/null and b/demos/images/220x280-L-21.webp differ
diff --git a/demos/images/220x280-L-22.webp b/demos/images/220x280-L-22.webp
new file mode 100644
index 00000000..3b55a909
Binary files /dev/null and b/demos/images/220x280-L-22.webp differ
diff --git a/demos/images/220x280-L-23.webp b/demos/images/220x280-L-23.webp
new file mode 100644
index 00000000..77eedcc7
Binary files /dev/null and b/demos/images/220x280-L-23.webp differ
diff --git a/demos/images/220x280-L-24.webp b/demos/images/220x280-L-24.webp
new file mode 100644
index 00000000..afeda289
Binary files /dev/null and b/demos/images/220x280-L-24.webp differ
diff --git a/demos/images/220x280-L-25.webp b/demos/images/220x280-L-25.webp
new file mode 100644
index 00000000..ff0a034b
Binary files /dev/null and b/demos/images/220x280-L-25.webp differ
diff --git a/demos/images/220x280-L-26.webp b/demos/images/220x280-L-26.webp
new file mode 100644
index 00000000..d106b9f3
Binary files /dev/null and b/demos/images/220x280-L-26.webp differ
diff --git a/demos/images/220x280-L-27.webp b/demos/images/220x280-L-27.webp
new file mode 100644
index 00000000..66ebb544
Binary files /dev/null and b/demos/images/220x280-L-27.webp differ
diff --git a/demos/images/220x280-L-28.webp b/demos/images/220x280-L-28.webp
new file mode 100644
index 00000000..f78c9fca
Binary files /dev/null and b/demos/images/220x280-L-28.webp differ
diff --git a/demos/images/220x280-L-29.webp b/demos/images/220x280-L-29.webp
new file mode 100644
index 00000000..ad54ebb9
Binary files /dev/null and b/demos/images/220x280-L-29.webp differ
diff --git a/demos/images/220x280-L-30.webp b/demos/images/220x280-L-30.webp
new file mode 100644
index 00000000..3c3ca0df
Binary files /dev/null and b/demos/images/220x280-L-30.webp differ
diff --git a/demos/images/220x280-L-31.webp b/demos/images/220x280-L-31.webp
new file mode 100644
index 00000000..ce91a083
Binary files /dev/null and b/demos/images/220x280-L-31.webp differ
diff --git a/demos/images/220x280-L-32.webp b/demos/images/220x280-L-32.webp
new file mode 100644
index 00000000..e7def795
Binary files /dev/null and b/demos/images/220x280-L-32.webp differ
diff --git a/demos/images/220x280-L-33.webp b/demos/images/220x280-L-33.webp
new file mode 100644
index 00000000..eb73c170
Binary files /dev/null and b/demos/images/220x280-L-33.webp differ
diff --git a/demos/images/220x280-L-34.webp b/demos/images/220x280-L-34.webp
new file mode 100644
index 00000000..8f168f59
Binary files /dev/null and b/demos/images/220x280-L-34.webp differ
diff --git a/demos/images/220x280-L-35.webp b/demos/images/220x280-L-35.webp
new file mode 100644
index 00000000..f7518c28
Binary files /dev/null and b/demos/images/220x280-L-35.webp differ
diff --git a/demos/images/220x280-L-36.webp b/demos/images/220x280-L-36.webp
new file mode 100644
index 00000000..cfbf7409
Binary files /dev/null and b/demos/images/220x280-L-36.webp differ
diff --git a/demos/images/220x280-L-37.webp b/demos/images/220x280-L-37.webp
new file mode 100644
index 00000000..fadb8e28
Binary files /dev/null and b/demos/images/220x280-L-37.webp differ
diff --git a/demos/images/220x280-L-38.webp b/demos/images/220x280-L-38.webp
new file mode 100644
index 00000000..9a61e11d
Binary files /dev/null and b/demos/images/220x280-L-38.webp differ
diff --git a/demos/images/220x280-L-39.webp b/demos/images/220x280-L-39.webp
new file mode 100644
index 00000000..597fa1bc
Binary files /dev/null and b/demos/images/220x280-L-39.webp differ
diff --git a/demos/images/220x280-L-40.webp b/demos/images/220x280-L-40.webp
new file mode 100644
index 00000000..99b1e886
Binary files /dev/null and b/demos/images/220x280-L-40.webp differ
diff --git a/demos/images/220x280-R-01.webp b/demos/images/220x280-R-01.webp
new file mode 100644
index 00000000..7f5a4d3e
Binary files /dev/null and b/demos/images/220x280-R-01.webp differ
diff --git a/demos/images/220x280-R-02.webp b/demos/images/220x280-R-02.webp
new file mode 100644
index 00000000..78ea91f5
Binary files /dev/null and b/demos/images/220x280-R-02.webp differ
diff --git a/demos/images/220x280-R-03.webp b/demos/images/220x280-R-03.webp
new file mode 100644
index 00000000..34996c51
Binary files /dev/null and b/demos/images/220x280-R-03.webp differ
diff --git a/demos/images/220x280-R-04.webp b/demos/images/220x280-R-04.webp
new file mode 100644
index 00000000..b39265ca
Binary files /dev/null and b/demos/images/220x280-R-04.webp differ
diff --git a/demos/images/220x280-R-05.webp b/demos/images/220x280-R-05.webp
new file mode 100644
index 00000000..e1c315af
Binary files /dev/null and b/demos/images/220x280-R-05.webp differ
diff --git a/demos/images/220x280-R-06.webp b/demos/images/220x280-R-06.webp
new file mode 100644
index 00000000..b2ec43fc
Binary files /dev/null and b/demos/images/220x280-R-06.webp differ
diff --git a/demos/images/220x280-R-07.webp b/demos/images/220x280-R-07.webp
new file mode 100644
index 00000000..ee4f5d76
Binary files /dev/null and b/demos/images/220x280-R-07.webp differ
diff --git a/demos/images/220x280-R-08.webp b/demos/images/220x280-R-08.webp
new file mode 100644
index 00000000..ea9e2915
Binary files /dev/null and b/demos/images/220x280-R-08.webp differ
diff --git a/demos/images/220x280-R-09.webp b/demos/images/220x280-R-09.webp
new file mode 100644
index 00000000..a72fcf0c
Binary files /dev/null and b/demos/images/220x280-R-09.webp differ
diff --git a/demos/images/220x280-R-10.webp b/demos/images/220x280-R-10.webp
new file mode 100644
index 00000000..483e261d
Binary files /dev/null and b/demos/images/220x280-R-10.webp differ
diff --git a/demos/images/220x280-R-11.webp b/demos/images/220x280-R-11.webp
new file mode 100644
index 00000000..63bc83a6
Binary files /dev/null and b/demos/images/220x280-R-11.webp differ
diff --git a/demos/images/220x280-R-12.webp b/demos/images/220x280-R-12.webp
new file mode 100644
index 00000000..451b5661
Binary files /dev/null and b/demos/images/220x280-R-12.webp differ
diff --git a/demos/images/220x280-R-13.webp b/demos/images/220x280-R-13.webp
new file mode 100644
index 00000000..591e49ac
Binary files /dev/null and b/demos/images/220x280-R-13.webp differ
diff --git a/demos/images/220x280-R-14.webp b/demos/images/220x280-R-14.webp
new file mode 100644
index 00000000..d0000632
Binary files /dev/null and b/demos/images/220x280-R-14.webp differ
diff --git a/demos/images/220x280-R-15.webp b/demos/images/220x280-R-15.webp
new file mode 100644
index 00000000..d9f3e04c
Binary files /dev/null and b/demos/images/220x280-R-15.webp differ
diff --git a/demos/images/220x280-R-16.webp b/demos/images/220x280-R-16.webp
new file mode 100644
index 00000000..4b94f187
Binary files /dev/null and b/demos/images/220x280-R-16.webp differ
diff --git a/demos/images/220x280-R-17.webp b/demos/images/220x280-R-17.webp
new file mode 100644
index 00000000..aa1c4e2b
Binary files /dev/null and b/demos/images/220x280-R-17.webp differ
diff --git a/demos/images/220x280-R-18.webp b/demos/images/220x280-R-18.webp
new file mode 100644
index 00000000..b9040633
Binary files /dev/null and b/demos/images/220x280-R-18.webp differ
diff --git a/demos/images/220x280-R-19.webp b/demos/images/220x280-R-19.webp
new file mode 100644
index 00000000..3fc99ba0
Binary files /dev/null and b/demos/images/220x280-R-19.webp differ
diff --git a/demos/images/220x280-R-20.webp b/demos/images/220x280-R-20.webp
new file mode 100644
index 00000000..e520bdc1
Binary files /dev/null and b/demos/images/220x280-R-20.webp differ
diff --git a/demos/images/220x280-R-21.webp b/demos/images/220x280-R-21.webp
new file mode 100644
index 00000000..653d49f7
Binary files /dev/null and b/demos/images/220x280-R-21.webp differ
diff --git a/demos/images/220x280-R-22.webp b/demos/images/220x280-R-22.webp
new file mode 100644
index 00000000..279cc719
Binary files /dev/null and b/demos/images/220x280-R-22.webp differ
diff --git a/demos/images/220x280-R-23.webp b/demos/images/220x280-R-23.webp
new file mode 100644
index 00000000..e7cbebe8
Binary files /dev/null and b/demos/images/220x280-R-23.webp differ
diff --git a/demos/images/220x280-R-24.webp b/demos/images/220x280-R-24.webp
new file mode 100644
index 00000000..cccff6af
Binary files /dev/null and b/demos/images/220x280-R-24.webp differ
diff --git a/demos/images/220x280-R-25.webp b/demos/images/220x280-R-25.webp
new file mode 100644
index 00000000..9be7186e
Binary files /dev/null and b/demos/images/220x280-R-25.webp differ
diff --git a/demos/images/220x280-R-26.webp b/demos/images/220x280-R-26.webp
new file mode 100644
index 00000000..a1fd43ba
Binary files /dev/null and b/demos/images/220x280-R-26.webp differ
diff --git a/demos/images/220x280-R-27.webp b/demos/images/220x280-R-27.webp
new file mode 100644
index 00000000..5b2d875c
Binary files /dev/null and b/demos/images/220x280-R-27.webp differ
diff --git a/demos/images/220x280-R-28.webp b/demos/images/220x280-R-28.webp
new file mode 100644
index 00000000..3b486a48
Binary files /dev/null and b/demos/images/220x280-R-28.webp differ
diff --git a/demos/images/220x280-R-29.webp b/demos/images/220x280-R-29.webp
new file mode 100644
index 00000000..de3ace78
Binary files /dev/null and b/demos/images/220x280-R-29.webp differ
diff --git a/demos/images/220x280-R-30.webp b/demos/images/220x280-R-30.webp
new file mode 100644
index 00000000..7bbb18db
Binary files /dev/null and b/demos/images/220x280-R-30.webp differ
diff --git a/demos/images/220x280-R-31.webp b/demos/images/220x280-R-31.webp
new file mode 100644
index 00000000..a4b1faf0
Binary files /dev/null and b/demos/images/220x280-R-31.webp differ
diff --git a/demos/images/220x280-R-32.webp b/demos/images/220x280-R-32.webp
new file mode 100644
index 00000000..07a9db9e
Binary files /dev/null and b/demos/images/220x280-R-32.webp differ
diff --git a/demos/images/220x280-R-33.webp b/demos/images/220x280-R-33.webp
new file mode 100644
index 00000000..89429e22
Binary files /dev/null and b/demos/images/220x280-R-33.webp differ
diff --git a/demos/images/220x280-R-34.webp b/demos/images/220x280-R-34.webp
new file mode 100644
index 00000000..211e844d
Binary files /dev/null and b/demos/images/220x280-R-34.webp differ
diff --git a/demos/images/220x280-R-35.webp b/demos/images/220x280-R-35.webp
new file mode 100644
index 00000000..3efe4068
Binary files /dev/null and b/demos/images/220x280-R-35.webp differ
diff --git a/demos/images/220x280-R-36.webp b/demos/images/220x280-R-36.webp
new file mode 100644
index 00000000..c30b99a7
Binary files /dev/null and b/demos/images/220x280-R-36.webp differ
diff --git a/demos/images/220x280-R-37.webp b/demos/images/220x280-R-37.webp
new file mode 100644
index 00000000..d07e90d5
Binary files /dev/null and b/demos/images/220x280-R-37.webp differ
diff --git a/demos/images/220x280-R-38.webp b/demos/images/220x280-R-38.webp
new file mode 100644
index 00000000..f0eb491e
Binary files /dev/null and b/demos/images/220x280-R-38.webp differ
diff --git a/demos/images/220x280-R-39.webp b/demos/images/220x280-R-39.webp
new file mode 100644
index 00000000..dc41356e
Binary files /dev/null and b/demos/images/220x280-R-39.webp differ
diff --git a/demos/images/220x280-R-40.webp b/demos/images/220x280-R-40.webp
new file mode 100644
index 00000000..7da565e4
Binary files /dev/null and b/demos/images/220x280-R-40.webp differ
diff --git a/demos/images/330x420-01.webp b/demos/images/330x420-01.webp
new file mode 100644
index 00000000..45e93615
Binary files /dev/null and b/demos/images/330x420-01.webp differ
diff --git a/demos/images/330x420-02.webp b/demos/images/330x420-02.webp
new file mode 100644
index 00000000..ee56545a
Binary files /dev/null and b/demos/images/330x420-02.webp differ
diff --git a/demos/images/330x420-03.webp b/demos/images/330x420-03.webp
new file mode 100644
index 00000000..5be012d3
Binary files /dev/null and b/demos/images/330x420-03.webp differ
diff --git a/demos/images/330x420-04.webp b/demos/images/330x420-04.webp
new file mode 100644
index 00000000..037b67ae
Binary files /dev/null and b/demos/images/330x420-04.webp differ
diff --git a/demos/images/330x420-05.webp b/demos/images/330x420-05.webp
new file mode 100644
index 00000000..1b160f14
Binary files /dev/null and b/demos/images/330x420-05.webp differ
diff --git a/demos/images/330x420-06.webp b/demos/images/330x420-06.webp
new file mode 100644
index 00000000..415945eb
Binary files /dev/null and b/demos/images/330x420-06.webp differ
diff --git a/demos/images/330x420-07.webp b/demos/images/330x420-07.webp
new file mode 100644
index 00000000..3d0ceb21
Binary files /dev/null and b/demos/images/330x420-07.webp differ
diff --git a/demos/images/330x420-08.webp b/demos/images/330x420-08.webp
new file mode 100644
index 00000000..a1212a94
Binary files /dev/null and b/demos/images/330x420-08.webp differ
diff --git a/demos/images/330x420-09.webp b/demos/images/330x420-09.webp
new file mode 100644
index 00000000..549d39b1
Binary files /dev/null and b/demos/images/330x420-09.webp differ
diff --git a/demos/images/330x420-10.webp b/demos/images/330x420-10.webp
new file mode 100644
index 00000000..b68c1986
Binary files /dev/null and b/demos/images/330x420-10.webp differ
diff --git a/demos/images/330x420-11.webp b/demos/images/330x420-11.webp
new file mode 100644
index 00000000..57c55b20
Binary files /dev/null and b/demos/images/330x420-11.webp differ
diff --git a/demos/images/330x420-12.webp b/demos/images/330x420-12.webp
new file mode 100644
index 00000000..8b1ff869
Binary files /dev/null and b/demos/images/330x420-12.webp differ
diff --git a/demos/images/330x420-13.webp b/demos/images/330x420-13.webp
new file mode 100644
index 00000000..1b6a0e5f
Binary files /dev/null and b/demos/images/330x420-13.webp differ
diff --git a/demos/images/330x420-14.webp b/demos/images/330x420-14.webp
new file mode 100644
index 00000000..30962281
Binary files /dev/null and b/demos/images/330x420-14.webp differ
diff --git a/demos/images/330x420-15.webp b/demos/images/330x420-15.webp
new file mode 100644
index 00000000..714f70b6
Binary files /dev/null and b/demos/images/330x420-15.webp differ
diff --git a/demos/images/330x420-16.webp b/demos/images/330x420-16.webp
new file mode 100644
index 00000000..3d2b69cf
Binary files /dev/null and b/demos/images/330x420-16.webp differ
diff --git a/demos/images/330x420-17.webp b/demos/images/330x420-17.webp
new file mode 100644
index 00000000..7886b40b
Binary files /dev/null and b/demos/images/330x420-17.webp differ
diff --git a/demos/images/330x420-18.webp b/demos/images/330x420-18.webp
new file mode 100644
index 00000000..207a099b
Binary files /dev/null and b/demos/images/330x420-18.webp differ
diff --git a/demos/images/330x420-19.webp b/demos/images/330x420-19.webp
new file mode 100644
index 00000000..25aceb31
Binary files /dev/null and b/demos/images/330x420-19.webp differ
diff --git a/demos/images/330x420-20.webp b/demos/images/330x420-20.webp
new file mode 100644
index 00000000..c526883e
Binary files /dev/null and b/demos/images/330x420-20.webp differ
diff --git a/demos/images/330x420-21.webp b/demos/images/330x420-21.webp
new file mode 100644
index 00000000..63fed146
Binary files /dev/null and b/demos/images/330x420-21.webp differ
diff --git a/demos/images/330x420-22.webp b/demos/images/330x420-22.webp
new file mode 100644
index 00000000..fd92e867
Binary files /dev/null and b/demos/images/330x420-22.webp differ
diff --git a/demos/images/330x420-23.webp b/demos/images/330x420-23.webp
new file mode 100644
index 00000000..056ece87
Binary files /dev/null and b/demos/images/330x420-23.webp differ
diff --git a/demos/images/330x420-24.webp b/demos/images/330x420-24.webp
new file mode 100644
index 00000000..c21b5d31
Binary files /dev/null and b/demos/images/330x420-24.webp differ
diff --git a/demos/images/330x420-25.webp b/demos/images/330x420-25.webp
new file mode 100644
index 00000000..001c0b99
Binary files /dev/null and b/demos/images/330x420-25.webp differ
diff --git a/demos/images/330x420-26.webp b/demos/images/330x420-26.webp
new file mode 100644
index 00000000..d21ae305
Binary files /dev/null and b/demos/images/330x420-26.webp differ
diff --git a/demos/images/330x420-27.webp b/demos/images/330x420-27.webp
new file mode 100644
index 00000000..47457eb2
Binary files /dev/null and b/demos/images/330x420-27.webp differ
diff --git a/demos/images/330x420-28.webp b/demos/images/330x420-28.webp
new file mode 100644
index 00000000..d69aeb3f
Binary files /dev/null and b/demos/images/330x420-28.webp differ
diff --git a/demos/images/330x420-29.webp b/demos/images/330x420-29.webp
new file mode 100644
index 00000000..b1e18694
Binary files /dev/null and b/demos/images/330x420-29.webp differ
diff --git a/demos/images/330x420-30.webp b/demos/images/330x420-30.webp
new file mode 100644
index 00000000..cf777391
Binary files /dev/null and b/demos/images/330x420-30.webp differ
diff --git a/demos/images/330x420-31.webp b/demos/images/330x420-31.webp
new file mode 100644
index 00000000..bedc7fa8
Binary files /dev/null and b/demos/images/330x420-31.webp differ
diff --git a/demos/images/330x420-32.webp b/demos/images/330x420-32.webp
new file mode 100644
index 00000000..e70301f8
Binary files /dev/null and b/demos/images/330x420-32.webp differ
diff --git a/demos/images/330x420-33.webp b/demos/images/330x420-33.webp
new file mode 100644
index 00000000..dd6556cb
Binary files /dev/null and b/demos/images/330x420-33.webp differ
diff --git a/demos/images/330x420-34.webp b/demos/images/330x420-34.webp
new file mode 100644
index 00000000..4e7c6a17
Binary files /dev/null and b/demos/images/330x420-34.webp differ
diff --git a/demos/images/330x420-35.webp b/demos/images/330x420-35.webp
new file mode 100644
index 00000000..2a43af10
Binary files /dev/null and b/demos/images/330x420-35.webp differ
diff --git a/demos/images/330x420-36.webp b/demos/images/330x420-36.webp
new file mode 100644
index 00000000..0c190d9f
Binary files /dev/null and b/demos/images/330x420-36.webp differ
diff --git a/demos/images/330x420-37.webp b/demos/images/330x420-37.webp
new file mode 100644
index 00000000..39e574f9
Binary files /dev/null and b/demos/images/330x420-37.webp differ
diff --git a/demos/images/330x420-38.webp b/demos/images/330x420-38.webp
new file mode 100644
index 00000000..a4d66d6e
Binary files /dev/null and b/demos/images/330x420-38.webp differ
diff --git a/demos/images/330x420-39.webp b/demos/images/330x420-39.webp
new file mode 100644
index 00000000..7f95818c
Binary files /dev/null and b/demos/images/330x420-39.webp differ
diff --git a/demos/images/330x420-40.webp b/demos/images/330x420-40.webp
new file mode 100644
index 00000000..ade80c44
Binary files /dev/null and b/demos/images/330x420-40.webp differ
diff --git a/demos/images/440x560-01.avif b/demos/images/440x560-01.avif
new file mode 100644
index 00000000..0eae7daa
Binary files /dev/null and b/demos/images/440x560-01.avif differ
diff --git a/demos/images/440x560-01.webp b/demos/images/440x560-01.webp
new file mode 100644
index 00000000..950cff67
Binary files /dev/null and b/demos/images/440x560-01.webp differ
diff --git a/demos/images/440x560-02.avif b/demos/images/440x560-02.avif
new file mode 100644
index 00000000..6a6b7aef
Binary files /dev/null and b/demos/images/440x560-02.avif differ
diff --git a/demos/images/440x560-02.webp b/demos/images/440x560-02.webp
new file mode 100644
index 00000000..9318ae0e
Binary files /dev/null and b/demos/images/440x560-02.webp differ
diff --git a/demos/images/440x560-03.avif b/demos/images/440x560-03.avif
new file mode 100644
index 00000000..67d4ab29
Binary files /dev/null and b/demos/images/440x560-03.avif differ
diff --git a/demos/images/440x560-03.webp b/demos/images/440x560-03.webp
new file mode 100644
index 00000000..a5320265
Binary files /dev/null and b/demos/images/440x560-03.webp differ
diff --git a/demos/images/440x560-04.avif b/demos/images/440x560-04.avif
new file mode 100644
index 00000000..e112b815
Binary files /dev/null and b/demos/images/440x560-04.avif differ
diff --git a/demos/images/440x560-04.webp b/demos/images/440x560-04.webp
new file mode 100644
index 00000000..3082805f
Binary files /dev/null and b/demos/images/440x560-04.webp differ
diff --git a/demos/images/440x560-05.avif b/demos/images/440x560-05.avif
new file mode 100644
index 00000000..5ab3ff1c
Binary files /dev/null and b/demos/images/440x560-05.avif differ
diff --git a/demos/images/440x560-05.webp b/demos/images/440x560-05.webp
new file mode 100644
index 00000000..06dc9747
Binary files /dev/null and b/demos/images/440x560-05.webp differ
diff --git a/demos/images/440x560-06.avif b/demos/images/440x560-06.avif
new file mode 100644
index 00000000..83a0a592
Binary files /dev/null and b/demos/images/440x560-06.avif differ
diff --git a/demos/images/440x560-06.webp b/demos/images/440x560-06.webp
new file mode 100644
index 00000000..92d643b1
Binary files /dev/null and b/demos/images/440x560-06.webp differ
diff --git a/demos/images/440x560-07.avif b/demos/images/440x560-07.avif
new file mode 100644
index 00000000..f873a2c2
Binary files /dev/null and b/demos/images/440x560-07.avif differ
diff --git a/demos/images/440x560-07.webp b/demos/images/440x560-07.webp
new file mode 100644
index 00000000..24f65892
Binary files /dev/null and b/demos/images/440x560-07.webp differ
diff --git a/demos/images/440x560-08.avif b/demos/images/440x560-08.avif
new file mode 100644
index 00000000..65eda692
Binary files /dev/null and b/demos/images/440x560-08.avif differ
diff --git a/demos/images/440x560-08.webp b/demos/images/440x560-08.webp
new file mode 100644
index 00000000..7956db78
Binary files /dev/null and b/demos/images/440x560-08.webp differ
diff --git a/demos/images/440x560-09.avif b/demos/images/440x560-09.avif
new file mode 100644
index 00000000..5edbf63c
Binary files /dev/null and b/demos/images/440x560-09.avif differ
diff --git a/demos/images/440x560-09.webp b/demos/images/440x560-09.webp
new file mode 100644
index 00000000..0cdecaa2
Binary files /dev/null and b/demos/images/440x560-09.webp differ
diff --git a/demos/images/440x560-10.avif b/demos/images/440x560-10.avif
new file mode 100644
index 00000000..9fa7f9de
Binary files /dev/null and b/demos/images/440x560-10.avif differ
diff --git a/demos/images/440x560-10.webp b/demos/images/440x560-10.webp
new file mode 100644
index 00000000..2dc7be08
Binary files /dev/null and b/demos/images/440x560-10.webp differ
diff --git a/demos/images/440x560-100.webp b/demos/images/440x560-100.webp
new file mode 100644
index 00000000..d317abde
Binary files /dev/null and b/demos/images/440x560-100.webp differ
diff --git a/demos/images/440x560-101.webp b/demos/images/440x560-101.webp
new file mode 100644
index 00000000..6c11eead
Binary files /dev/null and b/demos/images/440x560-101.webp differ
diff --git a/demos/images/440x560-102.webp b/demos/images/440x560-102.webp
new file mode 100644
index 00000000..973a9b43
Binary files /dev/null and b/demos/images/440x560-102.webp differ
diff --git a/demos/images/440x560-103.webp b/demos/images/440x560-103.webp
new file mode 100644
index 00000000..cb267c58
Binary files /dev/null and b/demos/images/440x560-103.webp differ
diff --git a/demos/images/440x560-104.webp b/demos/images/440x560-104.webp
new file mode 100644
index 00000000..87d577e0
Binary files /dev/null and b/demos/images/440x560-104.webp differ
diff --git a/demos/images/440x560-105.webp b/demos/images/440x560-105.webp
new file mode 100644
index 00000000..3ebad677
Binary files /dev/null and b/demos/images/440x560-105.webp differ
diff --git a/demos/images/440x560-106.webp b/demos/images/440x560-106.webp
new file mode 100644
index 00000000..d69159d8
Binary files /dev/null and b/demos/images/440x560-106.webp differ
diff --git a/demos/images/440x560-107.webp b/demos/images/440x560-107.webp
new file mode 100644
index 00000000..58d06e14
Binary files /dev/null and b/demos/images/440x560-107.webp differ
diff --git a/demos/images/440x560-108.webp b/demos/images/440x560-108.webp
new file mode 100644
index 00000000..c3287065
Binary files /dev/null and b/demos/images/440x560-108.webp differ
diff --git a/demos/images/440x560-109.webp b/demos/images/440x560-109.webp
new file mode 100644
index 00000000..08826093
Binary files /dev/null and b/demos/images/440x560-109.webp differ
diff --git a/demos/images/440x560-11.avif b/demos/images/440x560-11.avif
new file mode 100644
index 00000000..454111f9
Binary files /dev/null and b/demos/images/440x560-11.avif differ
diff --git a/demos/images/440x560-11.webp b/demos/images/440x560-11.webp
new file mode 100644
index 00000000..68b4c73c
Binary files /dev/null and b/demos/images/440x560-11.webp differ
diff --git a/demos/images/440x560-110.webp b/demos/images/440x560-110.webp
new file mode 100644
index 00000000..ce43d867
Binary files /dev/null and b/demos/images/440x560-110.webp differ
diff --git a/demos/images/440x560-111.webp b/demos/images/440x560-111.webp
new file mode 100644
index 00000000..86d2bbb2
Binary files /dev/null and b/demos/images/440x560-111.webp differ
diff --git a/demos/images/440x560-112.webp b/demos/images/440x560-112.webp
new file mode 100644
index 00000000..e0b9da90
Binary files /dev/null and b/demos/images/440x560-112.webp differ
diff --git a/demos/images/440x560-113.webp b/demos/images/440x560-113.webp
new file mode 100644
index 00000000..77644e9b
Binary files /dev/null and b/demos/images/440x560-113.webp differ
diff --git a/demos/images/440x560-114.webp b/demos/images/440x560-114.webp
new file mode 100644
index 00000000..9ed749ab
Binary files /dev/null and b/demos/images/440x560-114.webp differ
diff --git a/demos/images/440x560-115.webp b/demos/images/440x560-115.webp
new file mode 100644
index 00000000..8c155cf3
Binary files /dev/null and b/demos/images/440x560-115.webp differ
diff --git a/demos/images/440x560-116.webp b/demos/images/440x560-116.webp
new file mode 100644
index 00000000..a4500100
Binary files /dev/null and b/demos/images/440x560-116.webp differ
diff --git a/demos/images/440x560-117.webp b/demos/images/440x560-117.webp
new file mode 100644
index 00000000..4233f7be
Binary files /dev/null and b/demos/images/440x560-117.webp differ
diff --git a/demos/images/440x560-118.webp b/demos/images/440x560-118.webp
new file mode 100644
index 00000000..6a4cf2fe
Binary files /dev/null and b/demos/images/440x560-118.webp differ
diff --git a/demos/images/440x560-119.webp b/demos/images/440x560-119.webp
new file mode 100644
index 00000000..727a089c
Binary files /dev/null and b/demos/images/440x560-119.webp differ
diff --git a/demos/images/440x560-12.avif b/demos/images/440x560-12.avif
new file mode 100644
index 00000000..6cb6e3d9
Binary files /dev/null and b/demos/images/440x560-12.avif differ
diff --git a/demos/images/440x560-12.webp b/demos/images/440x560-12.webp
new file mode 100644
index 00000000..6a608ef0
Binary files /dev/null and b/demos/images/440x560-12.webp differ
diff --git a/demos/images/440x560-120.webp b/demos/images/440x560-120.webp
new file mode 100644
index 00000000..3eb26abc
Binary files /dev/null and b/demos/images/440x560-120.webp differ
diff --git a/demos/images/440x560-121.webp b/demos/images/440x560-121.webp
new file mode 100644
index 00000000..870b9773
Binary files /dev/null and b/demos/images/440x560-121.webp differ
diff --git a/demos/images/440x560-122.webp b/demos/images/440x560-122.webp
new file mode 100644
index 00000000..2227e1ef
Binary files /dev/null and b/demos/images/440x560-122.webp differ
diff --git a/demos/images/440x560-123.webp b/demos/images/440x560-123.webp
new file mode 100644
index 00000000..8f11de0c
Binary files /dev/null and b/demos/images/440x560-123.webp differ
diff --git a/demos/images/440x560-124.webp b/demos/images/440x560-124.webp
new file mode 100644
index 00000000..cf48050b
Binary files /dev/null and b/demos/images/440x560-124.webp differ
diff --git a/demos/images/440x560-125.webp b/demos/images/440x560-125.webp
new file mode 100644
index 00000000..a3571308
Binary files /dev/null and b/demos/images/440x560-125.webp differ
diff --git a/demos/images/440x560-126.webp b/demos/images/440x560-126.webp
new file mode 100644
index 00000000..281d4492
Binary files /dev/null and b/demos/images/440x560-126.webp differ
diff --git a/demos/images/440x560-127.webp b/demos/images/440x560-127.webp
new file mode 100644
index 00000000..29f2985a
Binary files /dev/null and b/demos/images/440x560-127.webp differ
diff --git a/demos/images/440x560-128.webp b/demos/images/440x560-128.webp
new file mode 100644
index 00000000..6825c8e7
Binary files /dev/null and b/demos/images/440x560-128.webp differ
diff --git a/demos/images/440x560-129.webp b/demos/images/440x560-129.webp
new file mode 100644
index 00000000..4a4c9798
Binary files /dev/null and b/demos/images/440x560-129.webp differ
diff --git a/demos/images/440x560-13.avif b/demos/images/440x560-13.avif
new file mode 100644
index 00000000..cb800fe9
Binary files /dev/null and b/demos/images/440x560-13.avif differ
diff --git a/demos/images/440x560-13.webp b/demos/images/440x560-13.webp
new file mode 100644
index 00000000..1267ce1a
Binary files /dev/null and b/demos/images/440x560-13.webp differ
diff --git a/demos/images/440x560-130.webp b/demos/images/440x560-130.webp
new file mode 100644
index 00000000..2d0b3000
Binary files /dev/null and b/demos/images/440x560-130.webp differ
diff --git a/demos/images/440x560-131.webp b/demos/images/440x560-131.webp
new file mode 100644
index 00000000..c761b585
Binary files /dev/null and b/demos/images/440x560-131.webp differ
diff --git a/demos/images/440x560-132.webp b/demos/images/440x560-132.webp
new file mode 100644
index 00000000..3674a8fe
Binary files /dev/null and b/demos/images/440x560-132.webp differ
diff --git a/demos/images/440x560-133.webp b/demos/images/440x560-133.webp
new file mode 100644
index 00000000..6ff17aed
Binary files /dev/null and b/demos/images/440x560-133.webp differ
diff --git a/demos/images/440x560-134.webp b/demos/images/440x560-134.webp
new file mode 100644
index 00000000..683697f1
Binary files /dev/null and b/demos/images/440x560-134.webp differ
diff --git a/demos/images/440x560-135.webp b/demos/images/440x560-135.webp
new file mode 100644
index 00000000..d91548ec
Binary files /dev/null and b/demos/images/440x560-135.webp differ
diff --git a/demos/images/440x560-136.webp b/demos/images/440x560-136.webp
new file mode 100644
index 00000000..dbc0a44c
Binary files /dev/null and b/demos/images/440x560-136.webp differ
diff --git a/demos/images/440x560-137.webp b/demos/images/440x560-137.webp
new file mode 100644
index 00000000..e0f50641
Binary files /dev/null and b/demos/images/440x560-137.webp differ
diff --git a/demos/images/440x560-138.webp b/demos/images/440x560-138.webp
new file mode 100644
index 00000000..935d8081
Binary files /dev/null and b/demos/images/440x560-138.webp differ
diff --git a/demos/images/440x560-139.webp b/demos/images/440x560-139.webp
new file mode 100644
index 00000000..73fabd14
Binary files /dev/null and b/demos/images/440x560-139.webp differ
diff --git a/demos/images/440x560-14.avif b/demos/images/440x560-14.avif
new file mode 100644
index 00000000..225387f3
Binary files /dev/null and b/demos/images/440x560-14.avif differ
diff --git a/demos/images/440x560-14.webp b/demos/images/440x560-14.webp
new file mode 100644
index 00000000..fca79b48
Binary files /dev/null and b/demos/images/440x560-14.webp differ
diff --git a/demos/images/440x560-140.webp b/demos/images/440x560-140.webp
new file mode 100644
index 00000000..de9f412f
Binary files /dev/null and b/demos/images/440x560-140.webp differ
diff --git a/demos/images/440x560-141.webp b/demos/images/440x560-141.webp
new file mode 100644
index 00000000..91256c8d
Binary files /dev/null and b/demos/images/440x560-141.webp differ
diff --git a/demos/images/440x560-142.webp b/demos/images/440x560-142.webp
new file mode 100644
index 00000000..df4326e0
Binary files /dev/null and b/demos/images/440x560-142.webp differ
diff --git a/demos/images/440x560-143.webp b/demos/images/440x560-143.webp
new file mode 100644
index 00000000..bae78889
Binary files /dev/null and b/demos/images/440x560-143.webp differ
diff --git a/demos/images/440x560-144.webp b/demos/images/440x560-144.webp
new file mode 100644
index 00000000..4cdf1fb0
Binary files /dev/null and b/demos/images/440x560-144.webp differ
diff --git a/demos/images/440x560-145.webp b/demos/images/440x560-145.webp
new file mode 100644
index 00000000..62af83f4
Binary files /dev/null and b/demos/images/440x560-145.webp differ
diff --git a/demos/images/440x560-146.webp b/demos/images/440x560-146.webp
new file mode 100644
index 00000000..a3ecc3e3
Binary files /dev/null and b/demos/images/440x560-146.webp differ
diff --git a/demos/images/440x560-147.webp b/demos/images/440x560-147.webp
new file mode 100644
index 00000000..6bfa0e80
Binary files /dev/null and b/demos/images/440x560-147.webp differ
diff --git a/demos/images/440x560-148.webp b/demos/images/440x560-148.webp
new file mode 100644
index 00000000..417f0d31
Binary files /dev/null and b/demos/images/440x560-148.webp differ
diff --git a/demos/images/440x560-149.webp b/demos/images/440x560-149.webp
new file mode 100644
index 00000000..ab1b650c
Binary files /dev/null and b/demos/images/440x560-149.webp differ
diff --git a/demos/images/440x560-15.avif b/demos/images/440x560-15.avif
new file mode 100644
index 00000000..32da3823
Binary files /dev/null and b/demos/images/440x560-15.avif differ
diff --git a/demos/images/440x560-15.webp b/demos/images/440x560-15.webp
new file mode 100644
index 00000000..1d2c5120
Binary files /dev/null and b/demos/images/440x560-15.webp differ
diff --git a/demos/images/440x560-150.webp b/demos/images/440x560-150.webp
new file mode 100644
index 00000000..2ec34c8a
Binary files /dev/null and b/demos/images/440x560-150.webp differ
diff --git a/demos/images/440x560-151.webp b/demos/images/440x560-151.webp
new file mode 100644
index 00000000..3f875ceb
Binary files /dev/null and b/demos/images/440x560-151.webp differ
diff --git a/demos/images/440x560-152.webp b/demos/images/440x560-152.webp
new file mode 100644
index 00000000..009c9194
Binary files /dev/null and b/demos/images/440x560-152.webp differ
diff --git a/demos/images/440x560-153.webp b/demos/images/440x560-153.webp
new file mode 100644
index 00000000..6a1d3168
Binary files /dev/null and b/demos/images/440x560-153.webp differ
diff --git a/demos/images/440x560-154.webp b/demos/images/440x560-154.webp
new file mode 100644
index 00000000..118cb29f
Binary files /dev/null and b/demos/images/440x560-154.webp differ
diff --git a/demos/images/440x560-155.webp b/demos/images/440x560-155.webp
new file mode 100644
index 00000000..0e6d500d
Binary files /dev/null and b/demos/images/440x560-155.webp differ
diff --git a/demos/images/440x560-156.webp b/demos/images/440x560-156.webp
new file mode 100644
index 00000000..2959c49d
Binary files /dev/null and b/demos/images/440x560-156.webp differ
diff --git a/demos/images/440x560-157.webp b/demos/images/440x560-157.webp
new file mode 100644
index 00000000..3585a138
Binary files /dev/null and b/demos/images/440x560-157.webp differ
diff --git a/demos/images/440x560-158.webp b/demos/images/440x560-158.webp
new file mode 100644
index 00000000..2634b2a1
Binary files /dev/null and b/demos/images/440x560-158.webp differ
diff --git a/demos/images/440x560-159.webp b/demos/images/440x560-159.webp
new file mode 100644
index 00000000..da7b762c
Binary files /dev/null and b/demos/images/440x560-159.webp differ
diff --git a/demos/images/440x560-16.avif b/demos/images/440x560-16.avif
new file mode 100644
index 00000000..60ea8a00
Binary files /dev/null and b/demos/images/440x560-16.avif differ
diff --git a/demos/images/440x560-16.webp b/demos/images/440x560-16.webp
new file mode 100644
index 00000000..69366e96
Binary files /dev/null and b/demos/images/440x560-16.webp differ
diff --git a/demos/images/440x560-160.webp b/demos/images/440x560-160.webp
new file mode 100644
index 00000000..d213d343
Binary files /dev/null and b/demos/images/440x560-160.webp differ
diff --git a/demos/images/440x560-161.webp b/demos/images/440x560-161.webp
new file mode 100644
index 00000000..b1aabd0c
Binary files /dev/null and b/demos/images/440x560-161.webp differ
diff --git a/demos/images/440x560-162.webp b/demos/images/440x560-162.webp
new file mode 100644
index 00000000..9d167baf
Binary files /dev/null and b/demos/images/440x560-162.webp differ
diff --git a/demos/images/440x560-163.webp b/demos/images/440x560-163.webp
new file mode 100644
index 00000000..3f2249bd
Binary files /dev/null and b/demos/images/440x560-163.webp differ
diff --git a/demos/images/440x560-164.webp b/demos/images/440x560-164.webp
new file mode 100644
index 00000000..62dbdacd
Binary files /dev/null and b/demos/images/440x560-164.webp differ
diff --git a/demos/images/440x560-165.webp b/demos/images/440x560-165.webp
new file mode 100644
index 00000000..e77a4a97
Binary files /dev/null and b/demos/images/440x560-165.webp differ
diff --git a/demos/images/440x560-166.webp b/demos/images/440x560-166.webp
new file mode 100644
index 00000000..1725959c
Binary files /dev/null and b/demos/images/440x560-166.webp differ
diff --git a/demos/images/440x560-167.webp b/demos/images/440x560-167.webp
new file mode 100644
index 00000000..b8912fa5
Binary files /dev/null and b/demos/images/440x560-167.webp differ
diff --git a/demos/images/440x560-168.webp b/demos/images/440x560-168.webp
new file mode 100644
index 00000000..fdea4d7c
Binary files /dev/null and b/demos/images/440x560-168.webp differ
diff --git a/demos/images/440x560-169.webp b/demos/images/440x560-169.webp
new file mode 100644
index 00000000..811bd60d
Binary files /dev/null and b/demos/images/440x560-169.webp differ
diff --git a/demos/images/440x560-17.avif b/demos/images/440x560-17.avif
new file mode 100644
index 00000000..7209f3d4
Binary files /dev/null and b/demos/images/440x560-17.avif differ
diff --git a/demos/images/440x560-17.webp b/demos/images/440x560-17.webp
new file mode 100644
index 00000000..09535e1b
Binary files /dev/null and b/demos/images/440x560-17.webp differ
diff --git a/demos/images/440x560-170.webp b/demos/images/440x560-170.webp
new file mode 100644
index 00000000..fedf4a76
Binary files /dev/null and b/demos/images/440x560-170.webp differ
diff --git a/demos/images/440x560-171.webp b/demos/images/440x560-171.webp
new file mode 100644
index 00000000..d5205bc2
Binary files /dev/null and b/demos/images/440x560-171.webp differ
diff --git a/demos/images/440x560-172.webp b/demos/images/440x560-172.webp
new file mode 100644
index 00000000..e52e696b
Binary files /dev/null and b/demos/images/440x560-172.webp differ
diff --git a/demos/images/440x560-173.webp b/demos/images/440x560-173.webp
new file mode 100644
index 00000000..9f590ea1
Binary files /dev/null and b/demos/images/440x560-173.webp differ
diff --git a/demos/images/440x560-174.webp b/demos/images/440x560-174.webp
new file mode 100644
index 00000000..8b367d69
Binary files /dev/null and b/demos/images/440x560-174.webp differ
diff --git a/demos/images/440x560-175.webp b/demos/images/440x560-175.webp
new file mode 100644
index 00000000..faa784a4
Binary files /dev/null and b/demos/images/440x560-175.webp differ
diff --git a/demos/images/440x560-176.webp b/demos/images/440x560-176.webp
new file mode 100644
index 00000000..86fd8756
Binary files /dev/null and b/demos/images/440x560-176.webp differ
diff --git a/demos/images/440x560-177.webp b/demos/images/440x560-177.webp
new file mode 100644
index 00000000..e723aa70
Binary files /dev/null and b/demos/images/440x560-177.webp differ
diff --git a/demos/images/440x560-178.webp b/demos/images/440x560-178.webp
new file mode 100644
index 00000000..d8b37ece
Binary files /dev/null and b/demos/images/440x560-178.webp differ
diff --git a/demos/images/440x560-179.webp b/demos/images/440x560-179.webp
new file mode 100644
index 00000000..712dc740
Binary files /dev/null and b/demos/images/440x560-179.webp differ
diff --git a/demos/images/440x560-18.avif b/demos/images/440x560-18.avif
new file mode 100644
index 00000000..c5d54bf9
Binary files /dev/null and b/demos/images/440x560-18.avif differ
diff --git a/demos/images/440x560-18.webp b/demos/images/440x560-18.webp
new file mode 100644
index 00000000..3aa0a13e
Binary files /dev/null and b/demos/images/440x560-18.webp differ
diff --git a/demos/images/440x560-180.webp b/demos/images/440x560-180.webp
new file mode 100644
index 00000000..30fce05f
Binary files /dev/null and b/demos/images/440x560-180.webp differ
diff --git a/demos/images/440x560-181.webp b/demos/images/440x560-181.webp
new file mode 100644
index 00000000..9c4bf769
Binary files /dev/null and b/demos/images/440x560-181.webp differ
diff --git a/demos/images/440x560-182.webp b/demos/images/440x560-182.webp
new file mode 100644
index 00000000..f7c8d623
Binary files /dev/null and b/demos/images/440x560-182.webp differ
diff --git a/demos/images/440x560-183.webp b/demos/images/440x560-183.webp
new file mode 100644
index 00000000..cb0f3b88
Binary files /dev/null and b/demos/images/440x560-183.webp differ
diff --git a/demos/images/440x560-184.webp b/demos/images/440x560-184.webp
new file mode 100644
index 00000000..47a37061
Binary files /dev/null and b/demos/images/440x560-184.webp differ
diff --git a/demos/images/440x560-185.webp b/demos/images/440x560-185.webp
new file mode 100644
index 00000000..2d8e9002
Binary files /dev/null and b/demos/images/440x560-185.webp differ
diff --git a/demos/images/440x560-186.webp b/demos/images/440x560-186.webp
new file mode 100644
index 00000000..a79eed18
Binary files /dev/null and b/demos/images/440x560-186.webp differ
diff --git a/demos/images/440x560-187.webp b/demos/images/440x560-187.webp
new file mode 100644
index 00000000..c89a3d6d
Binary files /dev/null and b/demos/images/440x560-187.webp differ
diff --git a/demos/images/440x560-188.webp b/demos/images/440x560-188.webp
new file mode 100644
index 00000000..4ae8b052
Binary files /dev/null and b/demos/images/440x560-188.webp differ
diff --git a/demos/images/440x560-189.webp b/demos/images/440x560-189.webp
new file mode 100644
index 00000000..35910c4a
Binary files /dev/null and b/demos/images/440x560-189.webp differ
diff --git a/demos/images/440x560-19.avif b/demos/images/440x560-19.avif
new file mode 100644
index 00000000..b4b78d77
Binary files /dev/null and b/demos/images/440x560-19.avif differ
diff --git a/demos/images/440x560-19.webp b/demos/images/440x560-19.webp
new file mode 100644
index 00000000..e27ccd46
Binary files /dev/null and b/demos/images/440x560-19.webp differ
diff --git a/demos/images/440x560-190.webp b/demos/images/440x560-190.webp
new file mode 100644
index 00000000..1ee755ca
Binary files /dev/null and b/demos/images/440x560-190.webp differ
diff --git a/demos/images/440x560-191.webp b/demos/images/440x560-191.webp
new file mode 100644
index 00000000..ace2be61
Binary files /dev/null and b/demos/images/440x560-191.webp differ
diff --git a/demos/images/440x560-192.webp b/demos/images/440x560-192.webp
new file mode 100644
index 00000000..e9aac01a
Binary files /dev/null and b/demos/images/440x560-192.webp differ
diff --git a/demos/images/440x560-193.webp b/demos/images/440x560-193.webp
new file mode 100644
index 00000000..e6f57316
Binary files /dev/null and b/demos/images/440x560-193.webp differ
diff --git a/demos/images/440x560-194.webp b/demos/images/440x560-194.webp
new file mode 100644
index 00000000..20b88931
Binary files /dev/null and b/demos/images/440x560-194.webp differ
diff --git a/demos/images/440x560-195.webp b/demos/images/440x560-195.webp
new file mode 100644
index 00000000..9bba49db
Binary files /dev/null and b/demos/images/440x560-195.webp differ
diff --git a/demos/images/440x560-196.webp b/demos/images/440x560-196.webp
new file mode 100644
index 00000000..5c92244b
Binary files /dev/null and b/demos/images/440x560-196.webp differ
diff --git a/demos/images/440x560-197.webp b/demos/images/440x560-197.webp
new file mode 100644
index 00000000..d5f67640
Binary files /dev/null and b/demos/images/440x560-197.webp differ
diff --git a/demos/images/440x560-198.webp b/demos/images/440x560-198.webp
new file mode 100644
index 00000000..bf77b310
Binary files /dev/null and b/demos/images/440x560-198.webp differ
diff --git a/demos/images/440x560-199.webp b/demos/images/440x560-199.webp
new file mode 100644
index 00000000..f59a9d16
Binary files /dev/null and b/demos/images/440x560-199.webp differ
diff --git a/demos/images/440x560-20.avif b/demos/images/440x560-20.avif
new file mode 100644
index 00000000..a7acdc88
Binary files /dev/null and b/demos/images/440x560-20.avif differ
diff --git a/demos/images/440x560-20.webp b/demos/images/440x560-20.webp
new file mode 100644
index 00000000..4d0e8825
Binary files /dev/null and b/demos/images/440x560-20.webp differ
diff --git a/demos/images/440x560-200.webp b/demos/images/440x560-200.webp
new file mode 100644
index 00000000..71c552fa
Binary files /dev/null and b/demos/images/440x560-200.webp differ
diff --git a/demos/images/440x560-201.webp b/demos/images/440x560-201.webp
new file mode 100644
index 00000000..ea09d8b8
Binary files /dev/null and b/demos/images/440x560-201.webp differ
diff --git a/demos/images/440x560-202.webp b/demos/images/440x560-202.webp
new file mode 100644
index 00000000..8021bbfb
Binary files /dev/null and b/demos/images/440x560-202.webp differ
diff --git a/demos/images/440x560-203.webp b/demos/images/440x560-203.webp
new file mode 100644
index 00000000..3223c8a0
Binary files /dev/null and b/demos/images/440x560-203.webp differ
diff --git a/demos/images/440x560-204.webp b/demos/images/440x560-204.webp
new file mode 100644
index 00000000..27831cc5
Binary files /dev/null and b/demos/images/440x560-204.webp differ
diff --git a/demos/images/440x560-205.webp b/demos/images/440x560-205.webp
new file mode 100644
index 00000000..72b481d9
Binary files /dev/null and b/demos/images/440x560-205.webp differ
diff --git a/demos/images/440x560-206.webp b/demos/images/440x560-206.webp
new file mode 100644
index 00000000..08d46a99
Binary files /dev/null and b/demos/images/440x560-206.webp differ
diff --git a/demos/images/440x560-207.webp b/demos/images/440x560-207.webp
new file mode 100644
index 00000000..2822b904
Binary files /dev/null and b/demos/images/440x560-207.webp differ
diff --git a/demos/images/440x560-208.webp b/demos/images/440x560-208.webp
new file mode 100644
index 00000000..9f826b72
Binary files /dev/null and b/demos/images/440x560-208.webp differ
diff --git a/demos/images/440x560-209.webp b/demos/images/440x560-209.webp
new file mode 100644
index 00000000..e7184281
Binary files /dev/null and b/demos/images/440x560-209.webp differ
diff --git a/demos/images/440x560-21.avif b/demos/images/440x560-21.avif
new file mode 100644
index 00000000..eaac2bf6
Binary files /dev/null and b/demos/images/440x560-21.avif differ
diff --git a/demos/images/440x560-21.webp b/demos/images/440x560-21.webp
new file mode 100644
index 00000000..340d289d
Binary files /dev/null and b/demos/images/440x560-21.webp differ
diff --git a/demos/images/440x560-210.webp b/demos/images/440x560-210.webp
new file mode 100644
index 00000000..06b25e41
Binary files /dev/null and b/demos/images/440x560-210.webp differ
diff --git a/demos/images/440x560-211.webp b/demos/images/440x560-211.webp
new file mode 100644
index 00000000..474b6d9b
Binary files /dev/null and b/demos/images/440x560-211.webp differ
diff --git a/demos/images/440x560-212.webp b/demos/images/440x560-212.webp
new file mode 100644
index 00000000..8d3caff6
Binary files /dev/null and b/demos/images/440x560-212.webp differ
diff --git a/demos/images/440x560-213.webp b/demos/images/440x560-213.webp
new file mode 100644
index 00000000..f63b1a0f
Binary files /dev/null and b/demos/images/440x560-213.webp differ
diff --git a/demos/images/440x560-214.webp b/demos/images/440x560-214.webp
new file mode 100644
index 00000000..715c5b30
Binary files /dev/null and b/demos/images/440x560-214.webp differ
diff --git a/demos/images/440x560-215.webp b/demos/images/440x560-215.webp
new file mode 100644
index 00000000..c8f17a1f
Binary files /dev/null and b/demos/images/440x560-215.webp differ
diff --git a/demos/images/440x560-216.webp b/demos/images/440x560-216.webp
new file mode 100644
index 00000000..ea93a5ed
Binary files /dev/null and b/demos/images/440x560-216.webp differ
diff --git a/demos/images/440x560-217.webp b/demos/images/440x560-217.webp
new file mode 100644
index 00000000..67e68c68
Binary files /dev/null and b/demos/images/440x560-217.webp differ
diff --git a/demos/images/440x560-218.webp b/demos/images/440x560-218.webp
new file mode 100644
index 00000000..c41c6cf8
Binary files /dev/null and b/demos/images/440x560-218.webp differ
diff --git a/demos/images/440x560-219.webp b/demos/images/440x560-219.webp
new file mode 100644
index 00000000..f23fefc4
Binary files /dev/null and b/demos/images/440x560-219.webp differ
diff --git a/demos/images/440x560-22.avif b/demos/images/440x560-22.avif
new file mode 100644
index 00000000..4578a36b
Binary files /dev/null and b/demos/images/440x560-22.avif differ
diff --git a/demos/images/440x560-22.webp b/demos/images/440x560-22.webp
new file mode 100644
index 00000000..31f83ea4
Binary files /dev/null and b/demos/images/440x560-22.webp differ
diff --git a/demos/images/440x560-220.webp b/demos/images/440x560-220.webp
new file mode 100644
index 00000000..c918a7d4
Binary files /dev/null and b/demos/images/440x560-220.webp differ
diff --git a/demos/images/440x560-221.webp b/demos/images/440x560-221.webp
new file mode 100644
index 00000000..7808de30
Binary files /dev/null and b/demos/images/440x560-221.webp differ
diff --git a/demos/images/440x560-222.webp b/demos/images/440x560-222.webp
new file mode 100644
index 00000000..8e7eba6d
Binary files /dev/null and b/demos/images/440x560-222.webp differ
diff --git a/demos/images/440x560-223.webp b/demos/images/440x560-223.webp
new file mode 100644
index 00000000..2b58c9a9
Binary files /dev/null and b/demos/images/440x560-223.webp differ
diff --git a/demos/images/440x560-224.webp b/demos/images/440x560-224.webp
new file mode 100644
index 00000000..3372c238
Binary files /dev/null and b/demos/images/440x560-224.webp differ
diff --git a/demos/images/440x560-225.webp b/demos/images/440x560-225.webp
new file mode 100644
index 00000000..c5179f38
Binary files /dev/null and b/demos/images/440x560-225.webp differ
diff --git a/demos/images/440x560-226.webp b/demos/images/440x560-226.webp
new file mode 100644
index 00000000..c78f64aa
Binary files /dev/null and b/demos/images/440x560-226.webp differ
diff --git a/demos/images/440x560-227.webp b/demos/images/440x560-227.webp
new file mode 100644
index 00000000..5bed0b7a
Binary files /dev/null and b/demos/images/440x560-227.webp differ
diff --git a/demos/images/440x560-228.webp b/demos/images/440x560-228.webp
new file mode 100644
index 00000000..ecb50039
Binary files /dev/null and b/demos/images/440x560-228.webp differ
diff --git a/demos/images/440x560-229.webp b/demos/images/440x560-229.webp
new file mode 100644
index 00000000..f1c42e2a
Binary files /dev/null and b/demos/images/440x560-229.webp differ
diff --git a/demos/images/440x560-23.avif b/demos/images/440x560-23.avif
new file mode 100644
index 00000000..f8edf74d
Binary files /dev/null and b/demos/images/440x560-23.avif differ
diff --git a/demos/images/440x560-23.webp b/demos/images/440x560-23.webp
new file mode 100644
index 00000000..a92247eb
Binary files /dev/null and b/demos/images/440x560-23.webp differ
diff --git a/demos/images/440x560-230.webp b/demos/images/440x560-230.webp
new file mode 100644
index 00000000..d741c94a
Binary files /dev/null and b/demos/images/440x560-230.webp differ
diff --git a/demos/images/440x560-231.webp b/demos/images/440x560-231.webp
new file mode 100644
index 00000000..0b900d81
Binary files /dev/null and b/demos/images/440x560-231.webp differ
diff --git a/demos/images/440x560-232.webp b/demos/images/440x560-232.webp
new file mode 100644
index 00000000..3e83711d
Binary files /dev/null and b/demos/images/440x560-232.webp differ
diff --git a/demos/images/440x560-233.webp b/demos/images/440x560-233.webp
new file mode 100644
index 00000000..2fc9ab14
Binary files /dev/null and b/demos/images/440x560-233.webp differ
diff --git a/demos/images/440x560-234.webp b/demos/images/440x560-234.webp
new file mode 100644
index 00000000..eee82001
Binary files /dev/null and b/demos/images/440x560-234.webp differ
diff --git a/demos/images/440x560-235.webp b/demos/images/440x560-235.webp
new file mode 100644
index 00000000..cb32851a
Binary files /dev/null and b/demos/images/440x560-235.webp differ
diff --git a/demos/images/440x560-236.webp b/demos/images/440x560-236.webp
new file mode 100644
index 00000000..af339607
Binary files /dev/null and b/demos/images/440x560-236.webp differ
diff --git a/demos/images/440x560-237.webp b/demos/images/440x560-237.webp
new file mode 100644
index 00000000..8a19e615
Binary files /dev/null and b/demos/images/440x560-237.webp differ
diff --git a/demos/images/440x560-238.webp b/demos/images/440x560-238.webp
new file mode 100644
index 00000000..f5fdd2a6
Binary files /dev/null and b/demos/images/440x560-238.webp differ
diff --git a/demos/images/440x560-239.webp b/demos/images/440x560-239.webp
new file mode 100644
index 00000000..8a64f7fb
Binary files /dev/null and b/demos/images/440x560-239.webp differ
diff --git a/demos/images/440x560-24.avif b/demos/images/440x560-24.avif
new file mode 100644
index 00000000..1d7c0e7f
Binary files /dev/null and b/demos/images/440x560-24.avif differ
diff --git a/demos/images/440x560-24.webp b/demos/images/440x560-24.webp
new file mode 100644
index 00000000..56275d57
Binary files /dev/null and b/demos/images/440x560-24.webp differ
diff --git a/demos/images/440x560-240.webp b/demos/images/440x560-240.webp
new file mode 100644
index 00000000..7f8b317b
Binary files /dev/null and b/demos/images/440x560-240.webp differ
diff --git a/demos/images/440x560-241.webp b/demos/images/440x560-241.webp
new file mode 100644
index 00000000..9ce825c5
Binary files /dev/null and b/demos/images/440x560-241.webp differ
diff --git a/demos/images/440x560-242.webp b/demos/images/440x560-242.webp
new file mode 100644
index 00000000..668c54c2
Binary files /dev/null and b/demos/images/440x560-242.webp differ
diff --git a/demos/images/440x560-243.webp b/demos/images/440x560-243.webp
new file mode 100644
index 00000000..9a5de1d1
Binary files /dev/null and b/demos/images/440x560-243.webp differ
diff --git a/demos/images/440x560-244.webp b/demos/images/440x560-244.webp
new file mode 100644
index 00000000..d034475a
Binary files /dev/null and b/demos/images/440x560-244.webp differ
diff --git a/demos/images/440x560-245.webp b/demos/images/440x560-245.webp
new file mode 100644
index 00000000..dbcf8bf5
Binary files /dev/null and b/demos/images/440x560-245.webp differ
diff --git a/demos/images/440x560-246.webp b/demos/images/440x560-246.webp
new file mode 100644
index 00000000..f371f97b
Binary files /dev/null and b/demos/images/440x560-246.webp differ
diff --git a/demos/images/440x560-247.webp b/demos/images/440x560-247.webp
new file mode 100644
index 00000000..48c4526c
Binary files /dev/null and b/demos/images/440x560-247.webp differ
diff --git a/demos/images/440x560-248.webp b/demos/images/440x560-248.webp
new file mode 100644
index 00000000..6d69d49a
Binary files /dev/null and b/demos/images/440x560-248.webp differ
diff --git a/demos/images/440x560-249.webp b/demos/images/440x560-249.webp
new file mode 100644
index 00000000..6a328104
Binary files /dev/null and b/demos/images/440x560-249.webp differ
diff --git a/demos/images/440x560-25.avif b/demos/images/440x560-25.avif
new file mode 100644
index 00000000..da14ace3
Binary files /dev/null and b/demos/images/440x560-25.avif differ
diff --git a/demos/images/440x560-25.webp b/demos/images/440x560-25.webp
new file mode 100644
index 00000000..f94437d8
Binary files /dev/null and b/demos/images/440x560-25.webp differ
diff --git a/demos/images/440x560-250.webp b/demos/images/440x560-250.webp
new file mode 100644
index 00000000..10d6df55
Binary files /dev/null and b/demos/images/440x560-250.webp differ
diff --git a/demos/images/440x560-251.webp b/demos/images/440x560-251.webp
new file mode 100644
index 00000000..8aa46baa
Binary files /dev/null and b/demos/images/440x560-251.webp differ
diff --git a/demos/images/440x560-252.webp b/demos/images/440x560-252.webp
new file mode 100644
index 00000000..2dbf6e9b
Binary files /dev/null and b/demos/images/440x560-252.webp differ
diff --git a/demos/images/440x560-253.webp b/demos/images/440x560-253.webp
new file mode 100644
index 00000000..ed95d898
Binary files /dev/null and b/demos/images/440x560-253.webp differ
diff --git a/demos/images/440x560-254.webp b/demos/images/440x560-254.webp
new file mode 100644
index 00000000..f31016b8
Binary files /dev/null and b/demos/images/440x560-254.webp differ
diff --git a/demos/images/440x560-255.webp b/demos/images/440x560-255.webp
new file mode 100644
index 00000000..a9f24851
Binary files /dev/null and b/demos/images/440x560-255.webp differ
diff --git a/demos/images/440x560-256.webp b/demos/images/440x560-256.webp
new file mode 100644
index 00000000..e4e11792
Binary files /dev/null and b/demos/images/440x560-256.webp differ
diff --git a/demos/images/440x560-257.webp b/demos/images/440x560-257.webp
new file mode 100644
index 00000000..2c254d13
Binary files /dev/null and b/demos/images/440x560-257.webp differ
diff --git a/demos/images/440x560-258.webp b/demos/images/440x560-258.webp
new file mode 100644
index 00000000..0a3adafe
Binary files /dev/null and b/demos/images/440x560-258.webp differ
diff --git a/demos/images/440x560-259.webp b/demos/images/440x560-259.webp
new file mode 100644
index 00000000..56da16ce
Binary files /dev/null and b/demos/images/440x560-259.webp differ
diff --git a/demos/images/440x560-26.avif b/demos/images/440x560-26.avif
new file mode 100644
index 00000000..1e3e6b94
Binary files /dev/null and b/demos/images/440x560-26.avif differ
diff --git a/demos/images/440x560-26.webp b/demos/images/440x560-26.webp
new file mode 100644
index 00000000..f26abeca
Binary files /dev/null and b/demos/images/440x560-26.webp differ
diff --git a/demos/images/440x560-260.webp b/demos/images/440x560-260.webp
new file mode 100644
index 00000000..723ce5dd
Binary files /dev/null and b/demos/images/440x560-260.webp differ
diff --git a/demos/images/440x560-261.webp b/demos/images/440x560-261.webp
new file mode 100644
index 00000000..e30161dd
Binary files /dev/null and b/demos/images/440x560-261.webp differ
diff --git a/demos/images/440x560-262.webp b/demos/images/440x560-262.webp
new file mode 100644
index 00000000..861899d1
Binary files /dev/null and b/demos/images/440x560-262.webp differ
diff --git a/demos/images/440x560-263.webp b/demos/images/440x560-263.webp
new file mode 100644
index 00000000..54692696
Binary files /dev/null and b/demos/images/440x560-263.webp differ
diff --git a/demos/images/440x560-264.webp b/demos/images/440x560-264.webp
new file mode 100644
index 00000000..bc9a0f73
Binary files /dev/null and b/demos/images/440x560-264.webp differ
diff --git a/demos/images/440x560-265.webp b/demos/images/440x560-265.webp
new file mode 100644
index 00000000..903fab7e
Binary files /dev/null and b/demos/images/440x560-265.webp differ
diff --git a/demos/images/440x560-266.webp b/demos/images/440x560-266.webp
new file mode 100644
index 00000000..5aa74597
Binary files /dev/null and b/demos/images/440x560-266.webp differ
diff --git a/demos/images/440x560-267.webp b/demos/images/440x560-267.webp
new file mode 100644
index 00000000..f43e2456
Binary files /dev/null and b/demos/images/440x560-267.webp differ
diff --git a/demos/images/440x560-268.webp b/demos/images/440x560-268.webp
new file mode 100644
index 00000000..c413a8d2
Binary files /dev/null and b/demos/images/440x560-268.webp differ
diff --git a/demos/images/440x560-269.webp b/demos/images/440x560-269.webp
new file mode 100644
index 00000000..b3aaac7a
Binary files /dev/null and b/demos/images/440x560-269.webp differ
diff --git a/demos/images/440x560-27.avif b/demos/images/440x560-27.avif
new file mode 100644
index 00000000..e83f1c48
Binary files /dev/null and b/demos/images/440x560-27.avif differ
diff --git a/demos/images/440x560-27.webp b/demos/images/440x560-27.webp
new file mode 100644
index 00000000..33a6d420
Binary files /dev/null and b/demos/images/440x560-27.webp differ
diff --git a/demos/images/440x560-270.webp b/demos/images/440x560-270.webp
new file mode 100644
index 00000000..68106095
Binary files /dev/null and b/demos/images/440x560-270.webp differ
diff --git a/demos/images/440x560-271.webp b/demos/images/440x560-271.webp
new file mode 100644
index 00000000..19dfa25b
Binary files /dev/null and b/demos/images/440x560-271.webp differ
diff --git a/demos/images/440x560-272.webp b/demos/images/440x560-272.webp
new file mode 100644
index 00000000..35a87a96
Binary files /dev/null and b/demos/images/440x560-272.webp differ
diff --git a/demos/images/440x560-273.webp b/demos/images/440x560-273.webp
new file mode 100644
index 00000000..f04a81c8
Binary files /dev/null and b/demos/images/440x560-273.webp differ
diff --git a/demos/images/440x560-274.webp b/demos/images/440x560-274.webp
new file mode 100644
index 00000000..e359f4f4
Binary files /dev/null and b/demos/images/440x560-274.webp differ
diff --git a/demos/images/440x560-275.webp b/demos/images/440x560-275.webp
new file mode 100644
index 00000000..51455396
Binary files /dev/null and b/demos/images/440x560-275.webp differ
diff --git a/demos/images/440x560-276.webp b/demos/images/440x560-276.webp
new file mode 100644
index 00000000..957ebfbb
Binary files /dev/null and b/demos/images/440x560-276.webp differ
diff --git a/demos/images/440x560-277.webp b/demos/images/440x560-277.webp
new file mode 100644
index 00000000..65a658e2
Binary files /dev/null and b/demos/images/440x560-277.webp differ
diff --git a/demos/images/440x560-278.webp b/demos/images/440x560-278.webp
new file mode 100644
index 00000000..2bab2265
Binary files /dev/null and b/demos/images/440x560-278.webp differ
diff --git a/demos/images/440x560-279.webp b/demos/images/440x560-279.webp
new file mode 100644
index 00000000..1408d629
Binary files /dev/null and b/demos/images/440x560-279.webp differ
diff --git a/demos/images/440x560-28.avif b/demos/images/440x560-28.avif
new file mode 100644
index 00000000..93e6856d
Binary files /dev/null and b/demos/images/440x560-28.avif differ
diff --git a/demos/images/440x560-28.webp b/demos/images/440x560-28.webp
new file mode 100644
index 00000000..64bcefd5
Binary files /dev/null and b/demos/images/440x560-28.webp differ
diff --git a/demos/images/440x560-280.webp b/demos/images/440x560-280.webp
new file mode 100644
index 00000000..1c0a4c48
Binary files /dev/null and b/demos/images/440x560-280.webp differ
diff --git a/demos/images/440x560-281.webp b/demos/images/440x560-281.webp
new file mode 100644
index 00000000..99497590
Binary files /dev/null and b/demos/images/440x560-281.webp differ
diff --git a/demos/images/440x560-282.webp b/demos/images/440x560-282.webp
new file mode 100644
index 00000000..3f08ea91
Binary files /dev/null and b/demos/images/440x560-282.webp differ
diff --git a/demos/images/440x560-283.webp b/demos/images/440x560-283.webp
new file mode 100644
index 00000000..e3165f3a
Binary files /dev/null and b/demos/images/440x560-283.webp differ
diff --git a/demos/images/440x560-284.webp b/demos/images/440x560-284.webp
new file mode 100644
index 00000000..0c372e7b
Binary files /dev/null and b/demos/images/440x560-284.webp differ
diff --git a/demos/images/440x560-285.webp b/demos/images/440x560-285.webp
new file mode 100644
index 00000000..8b5c88c7
Binary files /dev/null and b/demos/images/440x560-285.webp differ
diff --git a/demos/images/440x560-286.webp b/demos/images/440x560-286.webp
new file mode 100644
index 00000000..9d249908
Binary files /dev/null and b/demos/images/440x560-286.webp differ
diff --git a/demos/images/440x560-287.webp b/demos/images/440x560-287.webp
new file mode 100644
index 00000000..e9f2a62b
Binary files /dev/null and b/demos/images/440x560-287.webp differ
diff --git a/demos/images/440x560-288.webp b/demos/images/440x560-288.webp
new file mode 100644
index 00000000..03723878
Binary files /dev/null and b/demos/images/440x560-288.webp differ
diff --git a/demos/images/440x560-289.webp b/demos/images/440x560-289.webp
new file mode 100644
index 00000000..ee174bb8
Binary files /dev/null and b/demos/images/440x560-289.webp differ
diff --git a/demos/images/440x560-29.avif b/demos/images/440x560-29.avif
new file mode 100644
index 00000000..11e1ef0e
Binary files /dev/null and b/demos/images/440x560-29.avif differ
diff --git a/demos/images/440x560-29.webp b/demos/images/440x560-29.webp
new file mode 100644
index 00000000..16398a84
Binary files /dev/null and b/demos/images/440x560-29.webp differ
diff --git a/demos/images/440x560-290.webp b/demos/images/440x560-290.webp
new file mode 100644
index 00000000..95a5c703
Binary files /dev/null and b/demos/images/440x560-290.webp differ
diff --git a/demos/images/440x560-291.webp b/demos/images/440x560-291.webp
new file mode 100644
index 00000000..590e731a
Binary files /dev/null and b/demos/images/440x560-291.webp differ
diff --git a/demos/images/440x560-292.webp b/demos/images/440x560-292.webp
new file mode 100644
index 00000000..09475ddb
Binary files /dev/null and b/demos/images/440x560-292.webp differ
diff --git a/demos/images/440x560-293.webp b/demos/images/440x560-293.webp
new file mode 100644
index 00000000..ce24b25b
Binary files /dev/null and b/demos/images/440x560-293.webp differ
diff --git a/demos/images/440x560-294.webp b/demos/images/440x560-294.webp
new file mode 100644
index 00000000..c086bf8c
Binary files /dev/null and b/demos/images/440x560-294.webp differ
diff --git a/demos/images/440x560-295.webp b/demos/images/440x560-295.webp
new file mode 100644
index 00000000..0687be37
Binary files /dev/null and b/demos/images/440x560-295.webp differ
diff --git a/demos/images/440x560-296.webp b/demos/images/440x560-296.webp
new file mode 100644
index 00000000..9504a284
Binary files /dev/null and b/demos/images/440x560-296.webp differ
diff --git a/demos/images/440x560-297.webp b/demos/images/440x560-297.webp
new file mode 100644
index 00000000..16bc8db3
Binary files /dev/null and b/demos/images/440x560-297.webp differ
diff --git a/demos/images/440x560-298.webp b/demos/images/440x560-298.webp
new file mode 100644
index 00000000..2a07bb9c
Binary files /dev/null and b/demos/images/440x560-298.webp differ
diff --git a/demos/images/440x560-299.webp b/demos/images/440x560-299.webp
new file mode 100644
index 00000000..b9b2608a
Binary files /dev/null and b/demos/images/440x560-299.webp differ
diff --git a/demos/images/440x560-30.avif b/demos/images/440x560-30.avif
new file mode 100644
index 00000000..6e7d1f59
Binary files /dev/null and b/demos/images/440x560-30.avif differ
diff --git a/demos/images/440x560-30.webp b/demos/images/440x560-30.webp
new file mode 100644
index 00000000..117d6e5b
Binary files /dev/null and b/demos/images/440x560-30.webp differ
diff --git a/demos/images/440x560-300.webp b/demos/images/440x560-300.webp
new file mode 100644
index 00000000..21632506
Binary files /dev/null and b/demos/images/440x560-300.webp differ
diff --git a/demos/images/440x560-301.webp b/demos/images/440x560-301.webp
new file mode 100644
index 00000000..e6d825cc
Binary files /dev/null and b/demos/images/440x560-301.webp differ
diff --git a/demos/images/440x560-302.webp b/demos/images/440x560-302.webp
new file mode 100644
index 00000000..dbf99edf
Binary files /dev/null and b/demos/images/440x560-302.webp differ
diff --git a/demos/images/440x560-303.webp b/demos/images/440x560-303.webp
new file mode 100644
index 00000000..03477a23
Binary files /dev/null and b/demos/images/440x560-303.webp differ
diff --git a/demos/images/440x560-304.webp b/demos/images/440x560-304.webp
new file mode 100644
index 00000000..3e31ee20
Binary files /dev/null and b/demos/images/440x560-304.webp differ
diff --git a/demos/images/440x560-305.webp b/demos/images/440x560-305.webp
new file mode 100644
index 00000000..1d293e71
Binary files /dev/null and b/demos/images/440x560-305.webp differ
diff --git a/demos/images/440x560-306.webp b/demos/images/440x560-306.webp
new file mode 100644
index 00000000..58adbb60
Binary files /dev/null and b/demos/images/440x560-306.webp differ
diff --git a/demos/images/440x560-307.webp b/demos/images/440x560-307.webp
new file mode 100644
index 00000000..88f41855
Binary files /dev/null and b/demos/images/440x560-307.webp differ
diff --git a/demos/images/440x560-308.webp b/demos/images/440x560-308.webp
new file mode 100644
index 00000000..90f15148
Binary files /dev/null and b/demos/images/440x560-308.webp differ
diff --git a/demos/images/440x560-309.webp b/demos/images/440x560-309.webp
new file mode 100644
index 00000000..36e7b4e4
Binary files /dev/null and b/demos/images/440x560-309.webp differ
diff --git a/demos/images/440x560-31.avif b/demos/images/440x560-31.avif
new file mode 100644
index 00000000..4f5c6cfb
Binary files /dev/null and b/demos/images/440x560-31.avif differ
diff --git a/demos/images/440x560-31.webp b/demos/images/440x560-31.webp
new file mode 100644
index 00000000..19ae6068
Binary files /dev/null and b/demos/images/440x560-31.webp differ
diff --git a/demos/images/440x560-310.webp b/demos/images/440x560-310.webp
new file mode 100644
index 00000000..a62241a3
Binary files /dev/null and b/demos/images/440x560-310.webp differ
diff --git a/demos/images/440x560-311.webp b/demos/images/440x560-311.webp
new file mode 100644
index 00000000..5b8e7fcc
Binary files /dev/null and b/demos/images/440x560-311.webp differ
diff --git a/demos/images/440x560-312.webp b/demos/images/440x560-312.webp
new file mode 100644
index 00000000..c9ec8663
Binary files /dev/null and b/demos/images/440x560-312.webp differ
diff --git a/demos/images/440x560-313.webp b/demos/images/440x560-313.webp
new file mode 100644
index 00000000..6602c3b8
Binary files /dev/null and b/demos/images/440x560-313.webp differ
diff --git a/demos/images/440x560-314.webp b/demos/images/440x560-314.webp
new file mode 100644
index 00000000..9b784d09
Binary files /dev/null and b/demos/images/440x560-314.webp differ
diff --git a/demos/images/440x560-315.webp b/demos/images/440x560-315.webp
new file mode 100644
index 00000000..f2802e04
Binary files /dev/null and b/demos/images/440x560-315.webp differ
diff --git a/demos/images/440x560-316.webp b/demos/images/440x560-316.webp
new file mode 100644
index 00000000..74e97d3f
Binary files /dev/null and b/demos/images/440x560-316.webp differ
diff --git a/demos/images/440x560-317.webp b/demos/images/440x560-317.webp
new file mode 100644
index 00000000..0dbbbf6b
Binary files /dev/null and b/demos/images/440x560-317.webp differ
diff --git a/demos/images/440x560-318.webp b/demos/images/440x560-318.webp
new file mode 100644
index 00000000..bc4c8a36
Binary files /dev/null and b/demos/images/440x560-318.webp differ
diff --git a/demos/images/440x560-319.webp b/demos/images/440x560-319.webp
new file mode 100644
index 00000000..58bd3e49
Binary files /dev/null and b/demos/images/440x560-319.webp differ
diff --git a/demos/images/440x560-32.avif b/demos/images/440x560-32.avif
new file mode 100644
index 00000000..0ceb71ca
Binary files /dev/null and b/demos/images/440x560-32.avif differ
diff --git a/demos/images/440x560-32.webp b/demos/images/440x560-32.webp
new file mode 100644
index 00000000..2dcae302
Binary files /dev/null and b/demos/images/440x560-32.webp differ
diff --git a/demos/images/440x560-320.webp b/demos/images/440x560-320.webp
new file mode 100644
index 00000000..c99e0d9a
Binary files /dev/null and b/demos/images/440x560-320.webp differ
diff --git a/demos/images/440x560-33.avif b/demos/images/440x560-33.avif
new file mode 100644
index 00000000..60f400df
Binary files /dev/null and b/demos/images/440x560-33.avif differ
diff --git a/demos/images/440x560-33.webp b/demos/images/440x560-33.webp
new file mode 100644
index 00000000..ca317f18
Binary files /dev/null and b/demos/images/440x560-33.webp differ
diff --git a/demos/images/440x560-34.avif b/demos/images/440x560-34.avif
new file mode 100644
index 00000000..a76b7bd0
Binary files /dev/null and b/demos/images/440x560-34.avif differ
diff --git a/demos/images/440x560-34.webp b/demos/images/440x560-34.webp
new file mode 100644
index 00000000..f0fb048e
Binary files /dev/null and b/demos/images/440x560-34.webp differ
diff --git a/demos/images/440x560-35.avif b/demos/images/440x560-35.avif
new file mode 100644
index 00000000..82a482cb
Binary files /dev/null and b/demos/images/440x560-35.avif differ
diff --git a/demos/images/440x560-35.webp b/demos/images/440x560-35.webp
new file mode 100644
index 00000000..b4c2e490
Binary files /dev/null and b/demos/images/440x560-35.webp differ
diff --git a/demos/images/440x560-36.avif b/demos/images/440x560-36.avif
new file mode 100644
index 00000000..e14b3c55
Binary files /dev/null and b/demos/images/440x560-36.avif differ
diff --git a/demos/images/440x560-36.webp b/demos/images/440x560-36.webp
new file mode 100644
index 00000000..b7c88b8e
Binary files /dev/null and b/demos/images/440x560-36.webp differ
diff --git a/demos/images/440x560-37.avif b/demos/images/440x560-37.avif
new file mode 100644
index 00000000..61cf3e3e
Binary files /dev/null and b/demos/images/440x560-37.avif differ
diff --git a/demos/images/440x560-37.webp b/demos/images/440x560-37.webp
new file mode 100644
index 00000000..1e161fca
Binary files /dev/null and b/demos/images/440x560-37.webp differ
diff --git a/demos/images/440x560-38.avif b/demos/images/440x560-38.avif
new file mode 100644
index 00000000..ca58ef48
Binary files /dev/null and b/demos/images/440x560-38.avif differ
diff --git a/demos/images/440x560-38.webp b/demos/images/440x560-38.webp
new file mode 100644
index 00000000..657f1e25
Binary files /dev/null and b/demos/images/440x560-38.webp differ
diff --git a/demos/images/440x560-39.avif b/demos/images/440x560-39.avif
new file mode 100644
index 00000000..a0918fd1
Binary files /dev/null and b/demos/images/440x560-39.avif differ
diff --git a/demos/images/440x560-39.webp b/demos/images/440x560-39.webp
new file mode 100644
index 00000000..19f37fa0
Binary files /dev/null and b/demos/images/440x560-39.webp differ
diff --git a/demos/images/440x560-40.avif b/demos/images/440x560-40.avif
new file mode 100644
index 00000000..a26644a6
Binary files /dev/null and b/demos/images/440x560-40.avif differ
diff --git a/demos/images/440x560-40.webp b/demos/images/440x560-40.webp
new file mode 100644
index 00000000..f7b396fa
Binary files /dev/null and b/demos/images/440x560-40.webp differ
diff --git a/demos/images/440x560-41.webp b/demos/images/440x560-41.webp
new file mode 100644
index 00000000..1deabeb2
Binary files /dev/null and b/demos/images/440x560-41.webp differ
diff --git a/demos/images/440x560-42.webp b/demos/images/440x560-42.webp
new file mode 100644
index 00000000..dff488ad
Binary files /dev/null and b/demos/images/440x560-42.webp differ
diff --git a/demos/images/440x560-43.webp b/demos/images/440x560-43.webp
new file mode 100644
index 00000000..489ea955
Binary files /dev/null and b/demos/images/440x560-43.webp differ
diff --git a/demos/images/440x560-44.webp b/demos/images/440x560-44.webp
new file mode 100644
index 00000000..46e6542a
Binary files /dev/null and b/demos/images/440x560-44.webp differ
diff --git a/demos/images/440x560-45.webp b/demos/images/440x560-45.webp
new file mode 100644
index 00000000..38ffdc72
Binary files /dev/null and b/demos/images/440x560-45.webp differ
diff --git a/demos/images/440x560-46.webp b/demos/images/440x560-46.webp
new file mode 100644
index 00000000..876e3ab2
Binary files /dev/null and b/demos/images/440x560-46.webp differ
diff --git a/demos/images/440x560-47.webp b/demos/images/440x560-47.webp
new file mode 100644
index 00000000..f6561747
Binary files /dev/null and b/demos/images/440x560-47.webp differ
diff --git a/demos/images/440x560-48.webp b/demos/images/440x560-48.webp
new file mode 100644
index 00000000..39f61324
Binary files /dev/null and b/demos/images/440x560-48.webp differ
diff --git a/demos/images/440x560-49.webp b/demos/images/440x560-49.webp
new file mode 100644
index 00000000..0d4701d5
Binary files /dev/null and b/demos/images/440x560-49.webp differ
diff --git a/demos/images/440x560-50.webp b/demos/images/440x560-50.webp
new file mode 100644
index 00000000..74e3f23f
Binary files /dev/null and b/demos/images/440x560-50.webp differ
diff --git a/demos/images/440x560-51.webp b/demos/images/440x560-51.webp
new file mode 100644
index 00000000..07038494
Binary files /dev/null and b/demos/images/440x560-51.webp differ
diff --git a/demos/images/440x560-52.webp b/demos/images/440x560-52.webp
new file mode 100644
index 00000000..38c75bfb
Binary files /dev/null and b/demos/images/440x560-52.webp differ
diff --git a/demos/images/440x560-53.webp b/demos/images/440x560-53.webp
new file mode 100644
index 00000000..2c6eb81c
Binary files /dev/null and b/demos/images/440x560-53.webp differ
diff --git a/demos/images/440x560-54.webp b/demos/images/440x560-54.webp
new file mode 100644
index 00000000..d06d7c3d
Binary files /dev/null and b/demos/images/440x560-54.webp differ
diff --git a/demos/images/440x560-55.webp b/demos/images/440x560-55.webp
new file mode 100644
index 00000000..57701155
Binary files /dev/null and b/demos/images/440x560-55.webp differ
diff --git a/demos/images/440x560-56.webp b/demos/images/440x560-56.webp
new file mode 100644
index 00000000..225b151e
Binary files /dev/null and b/demos/images/440x560-56.webp differ
diff --git a/demos/images/440x560-57.webp b/demos/images/440x560-57.webp
new file mode 100644
index 00000000..ab79f943
Binary files /dev/null and b/demos/images/440x560-57.webp differ
diff --git a/demos/images/440x560-58.webp b/demos/images/440x560-58.webp
new file mode 100644
index 00000000..8f7963ac
Binary files /dev/null and b/demos/images/440x560-58.webp differ
diff --git a/demos/images/440x560-59.webp b/demos/images/440x560-59.webp
new file mode 100644
index 00000000..3125370c
Binary files /dev/null and b/demos/images/440x560-59.webp differ
diff --git a/demos/images/440x560-60.webp b/demos/images/440x560-60.webp
new file mode 100644
index 00000000..d1d6c195
Binary files /dev/null and b/demos/images/440x560-60.webp differ
diff --git a/demos/images/440x560-61.webp b/demos/images/440x560-61.webp
new file mode 100644
index 00000000..28cd5671
Binary files /dev/null and b/demos/images/440x560-61.webp differ
diff --git a/demos/images/440x560-62.webp b/demos/images/440x560-62.webp
new file mode 100644
index 00000000..71800b5e
Binary files /dev/null and b/demos/images/440x560-62.webp differ
diff --git a/demos/images/440x560-63.webp b/demos/images/440x560-63.webp
new file mode 100644
index 00000000..aea836ad
Binary files /dev/null and b/demos/images/440x560-63.webp differ
diff --git a/demos/images/440x560-64.webp b/demos/images/440x560-64.webp
new file mode 100644
index 00000000..8a30e0da
Binary files /dev/null and b/demos/images/440x560-64.webp differ
diff --git a/demos/images/440x560-65.webp b/demos/images/440x560-65.webp
new file mode 100644
index 00000000..81118eca
Binary files /dev/null and b/demos/images/440x560-65.webp differ
diff --git a/demos/images/440x560-66.webp b/demos/images/440x560-66.webp
new file mode 100644
index 00000000..0e2a25ce
Binary files /dev/null and b/demos/images/440x560-66.webp differ
diff --git a/demos/images/440x560-67.webp b/demos/images/440x560-67.webp
new file mode 100644
index 00000000..319588d4
Binary files /dev/null and b/demos/images/440x560-67.webp differ
diff --git a/demos/images/440x560-68.webp b/demos/images/440x560-68.webp
new file mode 100644
index 00000000..bdea139b
Binary files /dev/null and b/demos/images/440x560-68.webp differ
diff --git a/demos/images/440x560-69.webp b/demos/images/440x560-69.webp
new file mode 100644
index 00000000..fe63395a
Binary files /dev/null and b/demos/images/440x560-69.webp differ
diff --git a/demos/images/440x560-70.webp b/demos/images/440x560-70.webp
new file mode 100644
index 00000000..3a5b7de8
Binary files /dev/null and b/demos/images/440x560-70.webp differ
diff --git a/demos/images/440x560-71.webp b/demos/images/440x560-71.webp
new file mode 100644
index 00000000..45fb9387
Binary files /dev/null and b/demos/images/440x560-71.webp differ
diff --git a/demos/images/440x560-72.webp b/demos/images/440x560-72.webp
new file mode 100644
index 00000000..9c560360
Binary files /dev/null and b/demos/images/440x560-72.webp differ
diff --git a/demos/images/440x560-73.webp b/demos/images/440x560-73.webp
new file mode 100644
index 00000000..256af5b0
Binary files /dev/null and b/demos/images/440x560-73.webp differ
diff --git a/demos/images/440x560-74.webp b/demos/images/440x560-74.webp
new file mode 100644
index 00000000..801378f0
Binary files /dev/null and b/demos/images/440x560-74.webp differ
diff --git a/demos/images/440x560-75.webp b/demos/images/440x560-75.webp
new file mode 100644
index 00000000..a47d8db8
Binary files /dev/null and b/demos/images/440x560-75.webp differ
diff --git a/demos/images/440x560-76.webp b/demos/images/440x560-76.webp
new file mode 100644
index 00000000..50b4b6ad
Binary files /dev/null and b/demos/images/440x560-76.webp differ
diff --git a/demos/images/440x560-77.webp b/demos/images/440x560-77.webp
new file mode 100644
index 00000000..915a7ed9
Binary files /dev/null and b/demos/images/440x560-77.webp differ
diff --git a/demos/images/440x560-78.webp b/demos/images/440x560-78.webp
new file mode 100644
index 00000000..54eff03d
Binary files /dev/null and b/demos/images/440x560-78.webp differ
diff --git a/demos/images/440x560-79.webp b/demos/images/440x560-79.webp
new file mode 100644
index 00000000..ce9c0168
Binary files /dev/null and b/demos/images/440x560-79.webp differ
diff --git a/demos/images/440x560-80.webp b/demos/images/440x560-80.webp
new file mode 100644
index 00000000..64831786
Binary files /dev/null and b/demos/images/440x560-80.webp differ
diff --git a/demos/images/440x560-81.webp b/demos/images/440x560-81.webp
new file mode 100644
index 00000000..6d3ef7ec
Binary files /dev/null and b/demos/images/440x560-81.webp differ
diff --git a/demos/images/440x560-82.webp b/demos/images/440x560-82.webp
new file mode 100644
index 00000000..2b3e6505
Binary files /dev/null and b/demos/images/440x560-82.webp differ
diff --git a/demos/images/440x560-83.webp b/demos/images/440x560-83.webp
new file mode 100644
index 00000000..a519a7af
Binary files /dev/null and b/demos/images/440x560-83.webp differ
diff --git a/demos/images/440x560-84.webp b/demos/images/440x560-84.webp
new file mode 100644
index 00000000..cb82b310
Binary files /dev/null and b/demos/images/440x560-84.webp differ
diff --git a/demos/images/440x560-85.webp b/demos/images/440x560-85.webp
new file mode 100644
index 00000000..8c9c62cc
Binary files /dev/null and b/demos/images/440x560-85.webp differ
diff --git a/demos/images/440x560-86.webp b/demos/images/440x560-86.webp
new file mode 100644
index 00000000..d574eea9
Binary files /dev/null and b/demos/images/440x560-86.webp differ
diff --git a/demos/images/440x560-87.webp b/demos/images/440x560-87.webp
new file mode 100644
index 00000000..885b1021
Binary files /dev/null and b/demos/images/440x560-87.webp differ
diff --git a/demos/images/440x560-88.webp b/demos/images/440x560-88.webp
new file mode 100644
index 00000000..f0efd89c
Binary files /dev/null and b/demos/images/440x560-88.webp differ
diff --git a/demos/images/440x560-89.webp b/demos/images/440x560-89.webp
new file mode 100644
index 00000000..ca0ced62
Binary files /dev/null and b/demos/images/440x560-89.webp differ
diff --git a/demos/images/440x560-90.webp b/demos/images/440x560-90.webp
new file mode 100644
index 00000000..803bc255
Binary files /dev/null and b/demos/images/440x560-90.webp differ
diff --git a/demos/images/440x560-91.webp b/demos/images/440x560-91.webp
new file mode 100644
index 00000000..69974b4c
Binary files /dev/null and b/demos/images/440x560-91.webp differ
diff --git a/demos/images/440x560-92.webp b/demos/images/440x560-92.webp
new file mode 100644
index 00000000..9c2c4b68
Binary files /dev/null and b/demos/images/440x560-92.webp differ
diff --git a/demos/images/440x560-93.webp b/demos/images/440x560-93.webp
new file mode 100644
index 00000000..fc95b966
Binary files /dev/null and b/demos/images/440x560-93.webp differ
diff --git a/demos/images/440x560-94.webp b/demos/images/440x560-94.webp
new file mode 100644
index 00000000..bcd07854
Binary files /dev/null and b/demos/images/440x560-94.webp differ
diff --git a/demos/images/440x560-95.webp b/demos/images/440x560-95.webp
new file mode 100644
index 00000000..ff509b3c
Binary files /dev/null and b/demos/images/440x560-95.webp differ
diff --git a/demos/images/440x560-96.webp b/demos/images/440x560-96.webp
new file mode 100644
index 00000000..3ec3a379
Binary files /dev/null and b/demos/images/440x560-96.webp differ
diff --git a/demos/images/440x560-97.webp b/demos/images/440x560-97.webp
new file mode 100644
index 00000000..ea36783c
Binary files /dev/null and b/demos/images/440x560-97.webp differ
diff --git a/demos/images/440x560-98.webp b/demos/images/440x560-98.webp
new file mode 100644
index 00000000..0ecebe66
Binary files /dev/null and b/demos/images/440x560-98.webp differ
diff --git a/demos/images/440x560-99.webp b/demos/images/440x560-99.webp
new file mode 100644
index 00000000..fe651f35
Binary files /dev/null and b/demos/images/440x560-99.webp differ
diff --git a/demos/images/440x560-Error.webp b/demos/images/440x560-Error.webp
new file mode 100644
index 00000000..15385d98
Binary files /dev/null and b/demos/images/440x560-Error.webp differ
diff --git a/demos/images/440x560-L-01.webp b/demos/images/440x560-L-01.webp
new file mode 100644
index 00000000..96a22a7a
Binary files /dev/null and b/demos/images/440x560-L-01.webp differ
diff --git a/demos/images/440x560-L-02.webp b/demos/images/440x560-L-02.webp
new file mode 100644
index 00000000..a9756f15
Binary files /dev/null and b/demos/images/440x560-L-02.webp differ
diff --git a/demos/images/440x560-L-03.webp b/demos/images/440x560-L-03.webp
new file mode 100644
index 00000000..2f5fa366
Binary files /dev/null and b/demos/images/440x560-L-03.webp differ
diff --git a/demos/images/440x560-L-04.webp b/demos/images/440x560-L-04.webp
new file mode 100644
index 00000000..8850f578
Binary files /dev/null and b/demos/images/440x560-L-04.webp differ
diff --git a/demos/images/440x560-L-05.webp b/demos/images/440x560-L-05.webp
new file mode 100644
index 00000000..41373dab
Binary files /dev/null and b/demos/images/440x560-L-05.webp differ
diff --git a/demos/images/440x560-L-06.webp b/demos/images/440x560-L-06.webp
new file mode 100644
index 00000000..c683ac21
Binary files /dev/null and b/demos/images/440x560-L-06.webp differ
diff --git a/demos/images/440x560-L-07.webp b/demos/images/440x560-L-07.webp
new file mode 100644
index 00000000..f7a455f6
Binary files /dev/null and b/demos/images/440x560-L-07.webp differ
diff --git a/demos/images/440x560-L-08.webp b/demos/images/440x560-L-08.webp
new file mode 100644
index 00000000..fbfa145e
Binary files /dev/null and b/demos/images/440x560-L-08.webp differ
diff --git a/demos/images/440x560-L-09.webp b/demos/images/440x560-L-09.webp
new file mode 100644
index 00000000..2f952334
Binary files /dev/null and b/demos/images/440x560-L-09.webp differ
diff --git a/demos/images/440x560-L-10.webp b/demos/images/440x560-L-10.webp
new file mode 100644
index 00000000..9b04fe97
Binary files /dev/null and b/demos/images/440x560-L-10.webp differ
diff --git a/demos/images/440x560-L-11.webp b/demos/images/440x560-L-11.webp
new file mode 100644
index 00000000..740bcab0
Binary files /dev/null and b/demos/images/440x560-L-11.webp differ
diff --git a/demos/images/440x560-L-12.webp b/demos/images/440x560-L-12.webp
new file mode 100644
index 00000000..2ff22f60
Binary files /dev/null and b/demos/images/440x560-L-12.webp differ
diff --git a/demos/images/440x560-L-13.webp b/demos/images/440x560-L-13.webp
new file mode 100644
index 00000000..9100ddfb
Binary files /dev/null and b/demos/images/440x560-L-13.webp differ
diff --git a/demos/images/440x560-L-14.webp b/demos/images/440x560-L-14.webp
new file mode 100644
index 00000000..ea92e07e
Binary files /dev/null and b/demos/images/440x560-L-14.webp differ
diff --git a/demos/images/440x560-L-15.webp b/demos/images/440x560-L-15.webp
new file mode 100644
index 00000000..5b7cd56e
Binary files /dev/null and b/demos/images/440x560-L-15.webp differ
diff --git a/demos/images/440x560-L-16.webp b/demos/images/440x560-L-16.webp
new file mode 100644
index 00000000..9a0f379a
Binary files /dev/null and b/demos/images/440x560-L-16.webp differ
diff --git a/demos/images/440x560-L-17.webp b/demos/images/440x560-L-17.webp
new file mode 100644
index 00000000..f237eba5
Binary files /dev/null and b/demos/images/440x560-L-17.webp differ
diff --git a/demos/images/440x560-L-18.webp b/demos/images/440x560-L-18.webp
new file mode 100644
index 00000000..268c50a3
Binary files /dev/null and b/demos/images/440x560-L-18.webp differ
diff --git a/demos/images/440x560-L-19.webp b/demos/images/440x560-L-19.webp
new file mode 100644
index 00000000..f1e6e377
Binary files /dev/null and b/demos/images/440x560-L-19.webp differ
diff --git a/demos/images/440x560-L-20.webp b/demos/images/440x560-L-20.webp
new file mode 100644
index 00000000..7f8cc2ed
Binary files /dev/null and b/demos/images/440x560-L-20.webp differ
diff --git a/demos/images/440x560-L-21.webp b/demos/images/440x560-L-21.webp
new file mode 100644
index 00000000..f793b6fa
Binary files /dev/null and b/demos/images/440x560-L-21.webp differ
diff --git a/demos/images/440x560-L-22.webp b/demos/images/440x560-L-22.webp
new file mode 100644
index 00000000..ad1ef654
Binary files /dev/null and b/demos/images/440x560-L-22.webp differ
diff --git a/demos/images/440x560-L-23.webp b/demos/images/440x560-L-23.webp
new file mode 100644
index 00000000..af86bcf2
Binary files /dev/null and b/demos/images/440x560-L-23.webp differ
diff --git a/demos/images/440x560-L-24.webp b/demos/images/440x560-L-24.webp
new file mode 100644
index 00000000..d2ca8c56
Binary files /dev/null and b/demos/images/440x560-L-24.webp differ
diff --git a/demos/images/440x560-L-25.webp b/demos/images/440x560-L-25.webp
new file mode 100644
index 00000000..ac8fa95a
Binary files /dev/null and b/demos/images/440x560-L-25.webp differ
diff --git a/demos/images/440x560-L-26.webp b/demos/images/440x560-L-26.webp
new file mode 100644
index 00000000..fe2b22b7
Binary files /dev/null and b/demos/images/440x560-L-26.webp differ
diff --git a/demos/images/440x560-L-27.webp b/demos/images/440x560-L-27.webp
new file mode 100644
index 00000000..25cce50c
Binary files /dev/null and b/demos/images/440x560-L-27.webp differ
diff --git a/demos/images/440x560-L-28.webp b/demos/images/440x560-L-28.webp
new file mode 100644
index 00000000..d2850d3b
Binary files /dev/null and b/demos/images/440x560-L-28.webp differ
diff --git a/demos/images/440x560-L-29.webp b/demos/images/440x560-L-29.webp
new file mode 100644
index 00000000..dd8b3f9f
Binary files /dev/null and b/demos/images/440x560-L-29.webp differ
diff --git a/demos/images/440x560-L-30.webp b/demos/images/440x560-L-30.webp
new file mode 100644
index 00000000..a05a0e2f
Binary files /dev/null and b/demos/images/440x560-L-30.webp differ
diff --git a/demos/images/440x560-L-31.webp b/demos/images/440x560-L-31.webp
new file mode 100644
index 00000000..76019924
Binary files /dev/null and b/demos/images/440x560-L-31.webp differ
diff --git a/demos/images/440x560-L-32.webp b/demos/images/440x560-L-32.webp
new file mode 100644
index 00000000..364a33a7
Binary files /dev/null and b/demos/images/440x560-L-32.webp differ
diff --git a/demos/images/440x560-L-33.webp b/demos/images/440x560-L-33.webp
new file mode 100644
index 00000000..1a279c84
Binary files /dev/null and b/demos/images/440x560-L-33.webp differ
diff --git a/demos/images/440x560-L-34.webp b/demos/images/440x560-L-34.webp
new file mode 100644
index 00000000..9c2685a7
Binary files /dev/null and b/demos/images/440x560-L-34.webp differ
diff --git a/demos/images/440x560-L-35.webp b/demos/images/440x560-L-35.webp
new file mode 100644
index 00000000..edad4da3
Binary files /dev/null and b/demos/images/440x560-L-35.webp differ
diff --git a/demos/images/440x560-L-36.webp b/demos/images/440x560-L-36.webp
new file mode 100644
index 00000000..e4826508
Binary files /dev/null and b/demos/images/440x560-L-36.webp differ
diff --git a/demos/images/440x560-L-37.webp b/demos/images/440x560-L-37.webp
new file mode 100644
index 00000000..c7f6f1ef
Binary files /dev/null and b/demos/images/440x560-L-37.webp differ
diff --git a/demos/images/440x560-L-38.webp b/demos/images/440x560-L-38.webp
new file mode 100644
index 00000000..86df3fea
Binary files /dev/null and b/demos/images/440x560-L-38.webp differ
diff --git a/demos/images/440x560-L-39.webp b/demos/images/440x560-L-39.webp
new file mode 100644
index 00000000..e7da4db4
Binary files /dev/null and b/demos/images/440x560-L-39.webp differ
diff --git a/demos/images/440x560-L-40.webp b/demos/images/440x560-L-40.webp
new file mode 100644
index 00000000..e98286d0
Binary files /dev/null and b/demos/images/440x560-L-40.webp differ
diff --git a/demos/images/440x560-R-01.webp b/demos/images/440x560-R-01.webp
new file mode 100644
index 00000000..c8ed2eeb
Binary files /dev/null and b/demos/images/440x560-R-01.webp differ
diff --git a/demos/images/440x560-R-02.webp b/demos/images/440x560-R-02.webp
new file mode 100644
index 00000000..f439567a
Binary files /dev/null and b/demos/images/440x560-R-02.webp differ
diff --git a/demos/images/440x560-R-03.webp b/demos/images/440x560-R-03.webp
new file mode 100644
index 00000000..fa3f80cd
Binary files /dev/null and b/demos/images/440x560-R-03.webp differ
diff --git a/demos/images/440x560-R-04.webp b/demos/images/440x560-R-04.webp
new file mode 100644
index 00000000..f0788684
Binary files /dev/null and b/demos/images/440x560-R-04.webp differ
diff --git a/demos/images/440x560-R-05.webp b/demos/images/440x560-R-05.webp
new file mode 100644
index 00000000..f44065b1
Binary files /dev/null and b/demos/images/440x560-R-05.webp differ
diff --git a/demos/images/440x560-R-06.webp b/demos/images/440x560-R-06.webp
new file mode 100644
index 00000000..56a8dd2c
Binary files /dev/null and b/demos/images/440x560-R-06.webp differ
diff --git a/demos/images/440x560-R-07.webp b/demos/images/440x560-R-07.webp
new file mode 100644
index 00000000..76778a4d
Binary files /dev/null and b/demos/images/440x560-R-07.webp differ
diff --git a/demos/images/440x560-R-08.webp b/demos/images/440x560-R-08.webp
new file mode 100644
index 00000000..80e4b7f8
Binary files /dev/null and b/demos/images/440x560-R-08.webp differ
diff --git a/demos/images/440x560-R-09.webp b/demos/images/440x560-R-09.webp
new file mode 100644
index 00000000..3f3720e5
Binary files /dev/null and b/demos/images/440x560-R-09.webp differ
diff --git a/demos/images/440x560-R-10.webp b/demos/images/440x560-R-10.webp
new file mode 100644
index 00000000..d2b2d960
Binary files /dev/null and b/demos/images/440x560-R-10.webp differ
diff --git a/demos/images/440x560-R-11.webp b/demos/images/440x560-R-11.webp
new file mode 100644
index 00000000..c9fdf224
Binary files /dev/null and b/demos/images/440x560-R-11.webp differ
diff --git a/demos/images/440x560-R-12.webp b/demos/images/440x560-R-12.webp
new file mode 100644
index 00000000..0ddecb2e
Binary files /dev/null and b/demos/images/440x560-R-12.webp differ
diff --git a/demos/images/440x560-R-13.webp b/demos/images/440x560-R-13.webp
new file mode 100644
index 00000000..cb9cec6d
Binary files /dev/null and b/demos/images/440x560-R-13.webp differ
diff --git a/demos/images/440x560-R-14.webp b/demos/images/440x560-R-14.webp
new file mode 100644
index 00000000..883f98f5
Binary files /dev/null and b/demos/images/440x560-R-14.webp differ
diff --git a/demos/images/440x560-R-15.webp b/demos/images/440x560-R-15.webp
new file mode 100644
index 00000000..e5918feb
Binary files /dev/null and b/demos/images/440x560-R-15.webp differ
diff --git a/demos/images/440x560-R-16.webp b/demos/images/440x560-R-16.webp
new file mode 100644
index 00000000..a09a62d0
Binary files /dev/null and b/demos/images/440x560-R-16.webp differ
diff --git a/demos/images/440x560-R-17.webp b/demos/images/440x560-R-17.webp
new file mode 100644
index 00000000..25071886
Binary files /dev/null and b/demos/images/440x560-R-17.webp differ
diff --git a/demos/images/440x560-R-18.webp b/demos/images/440x560-R-18.webp
new file mode 100644
index 00000000..82e83e93
Binary files /dev/null and b/demos/images/440x560-R-18.webp differ
diff --git a/demos/images/440x560-R-19.webp b/demos/images/440x560-R-19.webp
new file mode 100644
index 00000000..75ad1b9f
Binary files /dev/null and b/demos/images/440x560-R-19.webp differ
diff --git a/demos/images/440x560-R-20.webp b/demos/images/440x560-R-20.webp
new file mode 100644
index 00000000..1e90ebc8
Binary files /dev/null and b/demos/images/440x560-R-20.webp differ
diff --git a/demos/images/440x560-R-21.webp b/demos/images/440x560-R-21.webp
new file mode 100644
index 00000000..ba66f1dc
Binary files /dev/null and b/demos/images/440x560-R-21.webp differ
diff --git a/demos/images/440x560-R-22.webp b/demos/images/440x560-R-22.webp
new file mode 100644
index 00000000..c9aea433
Binary files /dev/null and b/demos/images/440x560-R-22.webp differ
diff --git a/demos/images/440x560-R-23.webp b/demos/images/440x560-R-23.webp
new file mode 100644
index 00000000..fc9cd82b
Binary files /dev/null and b/demos/images/440x560-R-23.webp differ
diff --git a/demos/images/440x560-R-24.webp b/demos/images/440x560-R-24.webp
new file mode 100644
index 00000000..e0290078
Binary files /dev/null and b/demos/images/440x560-R-24.webp differ
diff --git a/demos/images/440x560-R-25.webp b/demos/images/440x560-R-25.webp
new file mode 100644
index 00000000..fe261879
Binary files /dev/null and b/demos/images/440x560-R-25.webp differ
diff --git a/demos/images/440x560-R-26.webp b/demos/images/440x560-R-26.webp
new file mode 100644
index 00000000..b7860863
Binary files /dev/null and b/demos/images/440x560-R-26.webp differ
diff --git a/demos/images/440x560-R-27.webp b/demos/images/440x560-R-27.webp
new file mode 100644
index 00000000..f110909e
Binary files /dev/null and b/demos/images/440x560-R-27.webp differ
diff --git a/demos/images/440x560-R-28.webp b/demos/images/440x560-R-28.webp
new file mode 100644
index 00000000..64b29fdb
Binary files /dev/null and b/demos/images/440x560-R-28.webp differ
diff --git a/demos/images/440x560-R-29.webp b/demos/images/440x560-R-29.webp
new file mode 100644
index 00000000..a27019ac
Binary files /dev/null and b/demos/images/440x560-R-29.webp differ
diff --git a/demos/images/440x560-R-30.webp b/demos/images/440x560-R-30.webp
new file mode 100644
index 00000000..03c12058
Binary files /dev/null and b/demos/images/440x560-R-30.webp differ
diff --git a/demos/images/440x560-R-31.webp b/demos/images/440x560-R-31.webp
new file mode 100644
index 00000000..3274edfc
Binary files /dev/null and b/demos/images/440x560-R-31.webp differ
diff --git a/demos/images/440x560-R-32.webp b/demos/images/440x560-R-32.webp
new file mode 100644
index 00000000..48af98d9
Binary files /dev/null and b/demos/images/440x560-R-32.webp differ
diff --git a/demos/images/440x560-R-33.webp b/demos/images/440x560-R-33.webp
new file mode 100644
index 00000000..101079e5
Binary files /dev/null and b/demos/images/440x560-R-33.webp differ
diff --git a/demos/images/440x560-R-34.webp b/demos/images/440x560-R-34.webp
new file mode 100644
index 00000000..da74df97
Binary files /dev/null and b/demos/images/440x560-R-34.webp differ
diff --git a/demos/images/440x560-R-35.webp b/demos/images/440x560-R-35.webp
new file mode 100644
index 00000000..79ce0ba4
Binary files /dev/null and b/demos/images/440x560-R-35.webp differ
diff --git a/demos/images/440x560-R-36.webp b/demos/images/440x560-R-36.webp
new file mode 100644
index 00000000..7738f14e
Binary files /dev/null and b/demos/images/440x560-R-36.webp differ
diff --git a/demos/images/440x560-R-37.webp b/demos/images/440x560-R-37.webp
new file mode 100644
index 00000000..c84f22aa
Binary files /dev/null and b/demos/images/440x560-R-37.webp differ
diff --git a/demos/images/440x560-R-38.webp b/demos/images/440x560-R-38.webp
new file mode 100644
index 00000000..8d2c77f3
Binary files /dev/null and b/demos/images/440x560-R-38.webp differ
diff --git a/demos/images/440x560-R-39.webp b/demos/images/440x560-R-39.webp
new file mode 100644
index 00000000..458f459c
Binary files /dev/null and b/demos/images/440x560-R-39.webp differ
diff --git a/demos/images/440x560-R-40.webp b/demos/images/440x560-R-40.webp
new file mode 100644
index 00000000..d128cec9
Binary files /dev/null and b/demos/images/440x560-R-40.webp differ
diff --git a/demos/images/660x840-01.webp b/demos/images/660x840-01.webp
new file mode 100644
index 00000000..3434c231
Binary files /dev/null and b/demos/images/660x840-01.webp differ
diff --git a/demos/images/660x840-02.webp b/demos/images/660x840-02.webp
new file mode 100644
index 00000000..c4a6c0b1
Binary files /dev/null and b/demos/images/660x840-02.webp differ
diff --git a/demos/images/660x840-03.webp b/demos/images/660x840-03.webp
new file mode 100644
index 00000000..e1a3171a
Binary files /dev/null and b/demos/images/660x840-03.webp differ
diff --git a/demos/images/660x840-04.webp b/demos/images/660x840-04.webp
new file mode 100644
index 00000000..3fc3f8b2
Binary files /dev/null and b/demos/images/660x840-04.webp differ
diff --git a/demos/images/660x840-05.webp b/demos/images/660x840-05.webp
new file mode 100644
index 00000000..d48ec634
Binary files /dev/null and b/demos/images/660x840-05.webp differ
diff --git a/demos/images/660x840-06.webp b/demos/images/660x840-06.webp
new file mode 100644
index 00000000..5b402bd7
Binary files /dev/null and b/demos/images/660x840-06.webp differ
diff --git a/demos/images/660x840-07.webp b/demos/images/660x840-07.webp
new file mode 100644
index 00000000..6f4b74ea
Binary files /dev/null and b/demos/images/660x840-07.webp differ
diff --git a/demos/images/660x840-08.webp b/demos/images/660x840-08.webp
new file mode 100644
index 00000000..7478feb5
Binary files /dev/null and b/demos/images/660x840-08.webp differ
diff --git a/demos/images/660x840-09.webp b/demos/images/660x840-09.webp
new file mode 100644
index 00000000..d4b63012
Binary files /dev/null and b/demos/images/660x840-09.webp differ
diff --git a/demos/images/660x840-10.webp b/demos/images/660x840-10.webp
new file mode 100644
index 00000000..c20c8a9e
Binary files /dev/null and b/demos/images/660x840-10.webp differ
diff --git a/demos/images/660x840-11.webp b/demos/images/660x840-11.webp
new file mode 100644
index 00000000..397f63cb
Binary files /dev/null and b/demos/images/660x840-11.webp differ
diff --git a/demos/images/660x840-12.webp b/demos/images/660x840-12.webp
new file mode 100644
index 00000000..ea383381
Binary files /dev/null and b/demos/images/660x840-12.webp differ
diff --git a/demos/images/660x840-13.webp b/demos/images/660x840-13.webp
new file mode 100644
index 00000000..1548b8bb
Binary files /dev/null and b/demos/images/660x840-13.webp differ
diff --git a/demos/images/660x840-14.webp b/demos/images/660x840-14.webp
new file mode 100644
index 00000000..2d5eeb04
Binary files /dev/null and b/demos/images/660x840-14.webp differ
diff --git a/demos/images/660x840-15.webp b/demos/images/660x840-15.webp
new file mode 100644
index 00000000..001e9147
Binary files /dev/null and b/demos/images/660x840-15.webp differ
diff --git a/demos/images/660x840-16.webp b/demos/images/660x840-16.webp
new file mode 100644
index 00000000..51858a52
Binary files /dev/null and b/demos/images/660x840-16.webp differ
diff --git a/demos/images/660x840-17.webp b/demos/images/660x840-17.webp
new file mode 100644
index 00000000..f1204d50
Binary files /dev/null and b/demos/images/660x840-17.webp differ
diff --git a/demos/images/660x840-18.webp b/demos/images/660x840-18.webp
new file mode 100644
index 00000000..41461f59
Binary files /dev/null and b/demos/images/660x840-18.webp differ
diff --git a/demos/images/660x840-19.webp b/demos/images/660x840-19.webp
new file mode 100644
index 00000000..f127bf15
Binary files /dev/null and b/demos/images/660x840-19.webp differ
diff --git a/demos/images/660x840-20.webp b/demos/images/660x840-20.webp
new file mode 100644
index 00000000..a2e2856d
Binary files /dev/null and b/demos/images/660x840-20.webp differ
diff --git a/demos/images/660x840-21.webp b/demos/images/660x840-21.webp
new file mode 100644
index 00000000..ca20b4ca
Binary files /dev/null and b/demos/images/660x840-21.webp differ
diff --git a/demos/images/660x840-22.webp b/demos/images/660x840-22.webp
new file mode 100644
index 00000000..2f7237ad
Binary files /dev/null and b/demos/images/660x840-22.webp differ
diff --git a/demos/images/660x840-23.webp b/demos/images/660x840-23.webp
new file mode 100644
index 00000000..5e8860a3
Binary files /dev/null and b/demos/images/660x840-23.webp differ
diff --git a/demos/images/660x840-24.webp b/demos/images/660x840-24.webp
new file mode 100644
index 00000000..17ac3844
Binary files /dev/null and b/demos/images/660x840-24.webp differ
diff --git a/demos/images/660x840-25.webp b/demos/images/660x840-25.webp
new file mode 100644
index 00000000..5196c225
Binary files /dev/null and b/demos/images/660x840-25.webp differ
diff --git a/demos/images/660x840-26.webp b/demos/images/660x840-26.webp
new file mode 100644
index 00000000..bbd6e44e
Binary files /dev/null and b/demos/images/660x840-26.webp differ
diff --git a/demos/images/660x840-27.webp b/demos/images/660x840-27.webp
new file mode 100644
index 00000000..5de54bca
Binary files /dev/null and b/demos/images/660x840-27.webp differ
diff --git a/demos/images/660x840-28.webp b/demos/images/660x840-28.webp
new file mode 100644
index 00000000..bbe2de0b
Binary files /dev/null and b/demos/images/660x840-28.webp differ
diff --git a/demos/images/660x840-29.webp b/demos/images/660x840-29.webp
new file mode 100644
index 00000000..b8003ed8
Binary files /dev/null and b/demos/images/660x840-29.webp differ
diff --git a/demos/images/660x840-30.webp b/demos/images/660x840-30.webp
new file mode 100644
index 00000000..42c3ee2b
Binary files /dev/null and b/demos/images/660x840-30.webp differ
diff --git a/demos/images/660x840-31.webp b/demos/images/660x840-31.webp
new file mode 100644
index 00000000..c1d325b1
Binary files /dev/null and b/demos/images/660x840-31.webp differ
diff --git a/demos/images/660x840-32.webp b/demos/images/660x840-32.webp
new file mode 100644
index 00000000..d9dd5c28
Binary files /dev/null and b/demos/images/660x840-32.webp differ
diff --git a/demos/images/660x840-33.webp b/demos/images/660x840-33.webp
new file mode 100644
index 00000000..0639754a
Binary files /dev/null and b/demos/images/660x840-33.webp differ
diff --git a/demos/images/660x840-34.webp b/demos/images/660x840-34.webp
new file mode 100644
index 00000000..d2e8a53f
Binary files /dev/null and b/demos/images/660x840-34.webp differ
diff --git a/demos/images/660x840-35.webp b/demos/images/660x840-35.webp
new file mode 100644
index 00000000..fd2a840e
Binary files /dev/null and b/demos/images/660x840-35.webp differ
diff --git a/demos/images/660x840-36.webp b/demos/images/660x840-36.webp
new file mode 100644
index 00000000..dc15cd22
Binary files /dev/null and b/demos/images/660x840-36.webp differ
diff --git a/demos/images/660x840-37.webp b/demos/images/660x840-37.webp
new file mode 100644
index 00000000..8bd23786
Binary files /dev/null and b/demos/images/660x840-37.webp differ
diff --git a/demos/images/660x840-38.webp b/demos/images/660x840-38.webp
new file mode 100644
index 00000000..3270b4e0
Binary files /dev/null and b/demos/images/660x840-38.webp differ
diff --git a/demos/images/660x840-39.webp b/demos/images/660x840-39.webp
new file mode 100644
index 00000000..fe697e41
Binary files /dev/null and b/demos/images/660x840-39.webp differ
diff --git a/demos/images/660x840-40.webp b/demos/images/660x840-40.webp
new file mode 100644
index 00000000..82bc684d
Binary files /dev/null and b/demos/images/660x840-40.webp differ
diff --git a/demos/lazily_load_lazyLoad.html b/demos/lazily_load_lazyLoad.html
index df32e2dc..160f16b7 100644
--- a/demos/lazily_load_lazyLoad.html
+++ b/demos/lazily_load_lazyLoad.html
@@ -24,12 +24,12 @@
       }
 
       .item {
-        min-width: 200px;
+        min-width: 220px;
       }
 
       .item > img {
-        width: 200px;
-        height: 200px;
+        width: 220px;
+        height: 280px;
       }
 
       figure {
@@ -38,8 +38,8 @@
 
       img {
         display: block;
-        width: 200px;
-        height: 200px;
+        width: 220px;
+        height: 280px;
       }
 
       img:not([src]) {
@@ -53,14 +53,14 @@ <h1>Lazyly load lazyload demo</h1>
       <figure class="item">
         <img
           alt="Row 01, col 01"
-          src="https://via.placeholder.com/200x200?text=row_01_col_01"
+          src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
       <figure class="item">
         <img
           alt="Row 01, col 02"
-          src="https://via.placeholder.com/200x200?text=row_01_col_02"
+          src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -68,7 +68,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -76,7 +76,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -84,7 +84,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -92,7 +92,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -100,7 +100,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -108,7 +108,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -116,7 +116,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -124,7 +124,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -132,7 +132,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -140,7 +140,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -148,7 +148,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -156,7 +156,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -164,7 +164,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 01, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_01_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -173,14 +173,14 @@ <h1>Lazyly load lazyload demo</h1>
       <figure class="item">
         <img
           alt="Row 02, col 01"
-          src="https://via.placeholder.com/200x200?text=row_02_col_01"
+          src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
       <figure class="item">
         <img
           alt="Row 02, col 02"
-          src="https://via.placeholder.com/200x200?text=row_02_col_02"
+          src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -188,7 +188,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -196,7 +196,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -204,7 +204,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -212,7 +212,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -220,7 +220,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -228,7 +228,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -236,7 +236,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -244,7 +244,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -252,7 +252,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -260,7 +260,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -268,7 +268,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -276,7 +276,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -284,7 +284,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 02, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_02_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -294,7 +294,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -302,7 +302,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -310,7 +310,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -318,7 +318,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -326,7 +326,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -334,7 +334,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -342,7 +342,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -350,7 +350,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -358,7 +358,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -366,7 +366,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -374,7 +374,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -382,7 +382,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -390,7 +390,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -398,7 +398,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -406,7 +406,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 03, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_03_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -416,7 +416,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -424,7 +424,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -432,7 +432,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -440,7 +440,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -448,7 +448,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -456,7 +456,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -464,7 +464,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -472,7 +472,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -480,7 +480,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -488,7 +488,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -496,7 +496,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -504,7 +504,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -512,7 +512,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -520,7 +520,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -528,7 +528,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 04, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_04_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -538,7 +538,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -546,7 +546,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -554,7 +554,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -562,7 +562,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -570,7 +570,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -578,7 +578,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -586,7 +586,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -594,7 +594,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -602,7 +602,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -610,7 +610,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -618,7 +618,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -626,7 +626,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -634,7 +634,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -642,7 +642,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -650,7 +650,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 05, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_05_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -660,7 +660,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -668,7 +668,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -676,7 +676,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -684,7 +684,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -692,7 +692,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -700,7 +700,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -708,7 +708,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -716,7 +716,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -724,7 +724,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -732,7 +732,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -740,7 +740,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -748,7 +748,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -756,7 +756,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -764,7 +764,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -772,7 +772,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 06, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_06_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -782,7 +782,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -790,7 +790,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -798,7 +798,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -806,7 +806,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -814,7 +814,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -822,7 +822,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -830,7 +830,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -838,7 +838,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -846,7 +846,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -854,7 +854,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -862,7 +862,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -870,7 +870,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -878,7 +878,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -886,7 +886,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -894,7 +894,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 07, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_07_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -904,7 +904,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -912,7 +912,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -920,7 +920,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -928,7 +928,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -936,7 +936,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -944,7 +944,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -952,7 +952,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -960,7 +960,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -968,7 +968,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -976,7 +976,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -984,7 +984,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -992,7 +992,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -1000,7 +1000,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -1008,7 +1008,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -1016,7 +1016,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 08, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_08_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -1026,7 +1026,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -1034,7 +1034,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -1042,7 +1042,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -1050,7 +1050,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -1058,7 +1058,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -1066,7 +1066,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -1074,7 +1074,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -1082,7 +1082,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -1090,7 +1090,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 09"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_09"
+          data-src="./images/440x560-09.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -1098,7 +1098,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -1106,7 +1106,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -1114,7 +1114,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -1122,7 +1122,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -1130,7 +1130,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -1138,7 +1138,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 09, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_09_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -1148,7 +1148,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 01"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_01"
+          data-src="./images/440x560-01.webp"
         />
         <figcaption>Lorem ipsum 01</figcaption>
       </figure>
@@ -1156,7 +1156,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 02"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_02"
+          data-src="./images/440x560-02.webp"
         />
         <figcaption>Lorem ipsum 02</figcaption>
       </figure>
@@ -1164,7 +1164,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 03"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_03"
+          data-src="./images/440x560-03.webp"
         />
         <figcaption>Lorem ipsum 03</figcaption>
       </figure>
@@ -1172,7 +1172,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 04"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_04"
+          data-src="./images/440x560-04.webp"
         />
         <figcaption>Lorem ipsum 04</figcaption>
       </figure>
@@ -1180,7 +1180,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 05"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_05"
+          data-src="./images/440x560-05.webp"
         />
         <figcaption>Lorem ipsum 05</figcaption>
       </figure>
@@ -1188,7 +1188,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 06"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_06"
+          data-src="./images/440x560-06.webp"
         />
         <figcaption>Lorem ipsum 06</figcaption>
       </figure>
@@ -1196,7 +1196,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 07"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_07"
+          data-src="./images/440x560-07.webp"
         />
         <figcaption>Lorem ipsum 07</figcaption>
       </figure>
@@ -1204,7 +1204,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 08"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_08"
+          data-src="./images/440x560-08.webp"
         />
         <figcaption>Lorem ipsum 08</figcaption>
       </figure>
@@ -1212,7 +1212,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 09</figcaption>
       </figure>
@@ -1220,7 +1220,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 10"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_10"
+          data-src="./images/440x560-10.webp"
         />
         <figcaption>Lorem ipsum 10</figcaption>
       </figure>
@@ -1228,7 +1228,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 11"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_11"
+          data-src="./images/440x560-11.webp"
         />
         <figcaption>Lorem ipsum 11</figcaption>
       </figure>
@@ -1236,7 +1236,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 12"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_12"
+          data-src="./images/440x560-12.webp"
         />
         <figcaption>Lorem ipsum 12</figcaption>
       </figure>
@@ -1244,7 +1244,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 13"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_13"
+          data-src="./images/440x560-13.webp"
         />
         <figcaption>Lorem ipsum 13</figcaption>
       </figure>
@@ -1252,7 +1252,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 14"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_14"
+          data-src="./images/440x560-14.webp"
         />
         <figcaption>Lorem ipsum 14</figcaption>
       </figure>
@@ -1260,7 +1260,7 @@ <h1>Lazyly load lazyload demo</h1>
         <img
           alt="Row 10, col 15"
           class="lazy"
-          data-src="https://via.placeholder.com/200x200?text=row_10_col_15"
+          data-src="./images/440x560-15.webp"
         />
         <figcaption>Lorem ipsum 15</figcaption>
       </figure>
@@ -1297,7 +1297,7 @@ <h1>Lazyly load lazyload demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/lazy_functions.html b/demos/lazy_functions.html
index 472fc269..9b45aedd 100644
--- a/demos/lazy_functions.html
+++ b/demos/lazy_functions.html
@@ -311,7 +311,7 @@ <h1>Lazy functions demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/load.html b/demos/load.html
index 15dd6af7..5733ff25 100644
--- a/demos/load.html
+++ b/demos/load.html
@@ -41,13 +41,13 @@
         position: relative;
         text-align: center;
         text-decoration: none;
-        width: 305px;
+        width: 220px;
       }
 
       .product img {
         display: block;
-        width: 305px;
-        height: 360px;
+        width: 220px;
+        height: 280px;
       }
 
       .product:hover .product-image__b.loaded {
@@ -63,7 +63,7 @@
         transition: opacity 0.5s;
         position: absolute;
         top: 0;
-        left: calc(50% - 305px / 2);
+        left: calc(50% - 220px / 2);
       }
 
       img:not([src]) {
@@ -80,17 +80,17 @@ <h1>Static load method demo</h1>
         <img
           alt="01a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=01a"
+          src="./images/220x280-01.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=01a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=01a 2x
+            ./images/220x280-01.webp 1x,
+            ./images/440x560-01.webp 2x
           "
         />
         <img
           alt="01b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=01b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=01b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=01b 2x"
+          data-src="./images/220x280-L-01.webp"
+          data-srcset="./images/220x280-L-01.webp 1x, ./images/440x560-L-01.webp 2x"
         />
         <p>Product 01</p>
       </a>
@@ -98,17 +98,17 @@ <h1>Static load method demo</h1>
         <img
           alt="02a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=02a"
+          src="./images/220x280-02.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=02a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=02a 2x
+            ./images/220x280-02.webp 1x,
+            ./images/440x560-02.webp 2x
           "
         />
         <img
           alt="02b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=02b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=02b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=02b 2x"
+          data-src="./images/220x280-L-02.webp"
+          data-srcset="./images/220x280-L-02.webp 1x, ./images/440x560-L-02.webp 2x"
         />
         <p>Product 02</p>
       </a>
@@ -116,17 +116,17 @@ <h1>Static load method demo</h1>
         <img
           alt="03a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=03a"
+          src="./images/220x280-03.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=03a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=03a 2x
+            ./images/220x280-03.webp 1x,
+            ./images/440x560-03.webp 2x
           "
         />
         <img
           alt="03b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=03b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=03b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=03b 2x"
+          data-src="./images/220x280-L-03.webp"
+          data-srcset="./images/220x280-L-03.webp 1x, ./images/440x560-L-03.webp 2x"
         />
         <p>Product 03</p>
       </a>
@@ -134,17 +134,17 @@ <h1>Static load method demo</h1>
         <img
           alt="04a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=04a"
+          src="./images/220x280-04.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=04a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=04a 2x
+            ./images/220x280-04.webp 1x,
+            ./images/440x560-04.webp 2x
           "
         />
         <img
           alt="04b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=04b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=04b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=04b 2x"
+          data-src="./images/220x280-L-04.webp"
+          data-srcset="./images/220x280-L-04.webp 1x, ./images/440x560-L-04.webp 2x"
         />
         <p>Product 04</p>
       </a>
@@ -152,17 +152,17 @@ <h1>Static load method demo</h1>
         <img
           alt="05a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=05a"
+          src="./images/220x280-05.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=05a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=05a 2x
+            ./images/220x280-05.webp 1x,
+            ./images/440x560-05.webp 2x
           "
         />
         <img
           alt="05b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=05b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=05b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=05b 2x"
+          data-src="./images/220x280-L-05.webp"
+          data-srcset="./images/220x280-L-05.webp 1x, ./images/440x560-L-05.webp 2x"
         />
         <p>Product 05</p>
       </a>
@@ -170,17 +170,17 @@ <h1>Static load method demo</h1>
         <img
           alt="06a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=06a"
+          src="./images/220x280-06.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=06a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=06a 2x
+            ./images/220x280-06.webp 1x,
+            ./images/440x560-06.webp 2x
           "
         />
         <img
           alt="06b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=06b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=06b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=06b 2x"
+          data-src="./images/220x280-L-06.webp"
+          data-srcset="./images/220x280-L-06.webp 1x, ./images/440x560-L-06.webp 2x"
         />
         <p>Product 06</p>
       </a>
@@ -188,17 +188,17 @@ <h1>Static load method demo</h1>
         <img
           alt="07a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=07a"
+          src="./images/220x280-07.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=07a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=07a 2x
+            ./images/220x280-07.webp 1x,
+            ./images/440x560-07.webp 2x
           "
         />
         <img
           alt="07b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=07b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=07b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=07b 2x"
+          data-src="./images/220x280-L-07.webp"
+          data-srcset="./images/220x280-L-07.webp 1x, ./images/440x560-L-07.webp 2x"
         />
         <p>Product 07</p>
       </a>
@@ -206,17 +206,17 @@ <h1>Static load method demo</h1>
         <img
           alt="08a"
           class="product-image__a"
-          src="https://via.placeholder.com/305x360/7FD1B9/333333?text=08a"
+          src="./images/220x280-08.webp"
           srcset="
-            https://via.placeholder.com/305x360/7FD1B9/333333?text=08a 1x,
-            https://via.placeholder.com/610x720/7FD1B9/333333?text=08a 2x
+            ./images/220x280-08.webp 1x,
+            ./images/440x560-08.webp 2x
           "
         />
         <img
           alt="08b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=08b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=08b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=08b 2x"
+          data-src="./images/220x280-L-08.webp"
+          data-srcset="./images/220x280-L-08.webp 1x, ./images/440x560-L-08.webp 2x"
         />
         <p>Product 08</p>
       </a>
@@ -225,14 +225,14 @@ <h1>Static load method demo</h1>
         <img
           alt="09a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=09a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=09a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=09a 2x"
+          data-src="./images/220x280-09.webp"
+          data-srcset="./images/220x280-09.webp 1x, ./images/440x560-09.webp 2x"
         />
         <img
           alt="09b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=09b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=09b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=09b 2x"
+          data-src="./images/220x280-L-09.webp"
+          data-srcset="./images/220x280-L-09.webp 1x, ./images/440x560-L-09.webp 2x"
         />
         <p>Product 09</p>
       </a>
@@ -240,14 +240,14 @@ <h1>Static load method demo</h1>
         <img
           alt="10a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=10a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=10a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=10a 2x"
+          data-src="./images/220x280-10.webp"
+          data-srcset="./images/220x280-10.webp 1x, ./images/440x560-10.webp 2x"
         />
         <img
           alt="10b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=10b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=10b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=10b 2x"
+          data-src="./images/220x280-L-10.webp"
+          data-srcset="./images/220x280-L-10.webp 1x, ./images/440x560-L-10.webp 2x"
         />
         <p>Product 10</p>
       </a>
@@ -255,14 +255,14 @@ <h1>Static load method demo</h1>
         <img
           alt="11a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=11a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=11a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=11a 2x"
+          data-src="./images/220x280-11.webp"
+          data-srcset="./images/220x280-11.webp 1x, ./images/440x560-11.webp 2x"
         />
         <img
           alt="11b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=11b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=11b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=11b 2x"
+          data-src="./images/220x280-L-11.webp"
+          data-srcset="./images/220x280-L-11.webp 1x, ./images/440x560-L-11.webp 2x"
         />
         <p>Product 11</p>
       </a>
@@ -270,14 +270,14 @@ <h1>Static load method demo</h1>
         <img
           alt="12a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=12a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=12a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=12a 2x"
+          data-src="./images/220x280-12.webp"
+          data-srcset="./images/220x280-12.webp 1x, ./images/440x560-12.webp 2x"
         />
         <img
           alt="12b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=12b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=12b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=12b 2x"
+          data-src="./images/220x280-L-12.webp"
+          data-srcset="./images/220x280-L-12.webp 1x, ./images/440x560-L-12.webp 2x"
         />
         <p>Product 12</p>
       </a>
@@ -285,14 +285,14 @@ <h1>Static load method demo</h1>
         <img
           alt="13a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=13a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=13a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=13a 2x"
+          data-src="./images/220x280-13.webp"
+          data-srcset="./images/220x280-13.webp 1x, ./images/440x560-13.webp 2x"
         />
         <img
           alt="13b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=13b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=13b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=13b 2x"
+          data-src="./images/220x280-L-13.webp"
+          data-srcset="./images/220x280-L-13.webp 1x, ./images/440x560-L-13.webp 2x"
         />
         <p>Product 13</p>
       </a>
@@ -300,14 +300,14 @@ <h1>Static load method demo</h1>
         <img
           alt="14a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=14a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=14a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=14a 2x"
+          data-src="./images/220x280-14.webp"
+          data-srcset="./images/220x280-14.webp 1x, ./images/440x560-14.webp 2x"
         />
         <img
           alt="14b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=14b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=14b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=14b 2x"
+          data-src="./images/220x280-L-14.webp"
+          data-srcset="./images/220x280-L-14.webp 1x, ./images/440x560-L-14.webp 2x"
         />
         <p>Product 14</p>
       </a>
@@ -315,14 +315,14 @@ <h1>Static load method demo</h1>
         <img
           alt="15a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=15a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=15a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=15a 2x"
+          data-src="./images/220x280-15.webp"
+          data-srcset="./images/220x280-15.webp 1x, ./images/440x560-15.webp 2x"
         />
         <img
           alt="15b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=15b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=15b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=15b 2x"
+          data-src="./images/220x280-L-15.webp"
+          data-srcset="./images/220x280-L-15.webp 1x, ./images/440x560-L-15.webp 2x"
         />
         <p>Product 15</p>
       </a>
@@ -330,14 +330,14 @@ <h1>Static load method demo</h1>
         <img
           alt="16a"
           class="lazy product-image__a"
-          data-src="https://via.placeholder.com/305x360/7FD1B9/333333?text=16a"
-          data-srcset="https://via.placeholder.com/305x360/7FD1B9/333333?text=16a 1x, https://via.placeholder.com/610x720/7FD1B9/333333?text=16a 2x"
+          data-src="./images/220x280-16.webp"
+          data-srcset="./images/220x280-16.webp 1x, ./images/440x560-16.webp 2x"
         />
         <img
           alt="16b"
           class="lazy-hover product-image__b"
-          data-src="https://via.placeholder.com/305x360/E56399/ffffff?text=16b"
-          data-srcset="https://via.placeholder.com/305x360/E56399/ffffff?text=16b 1x, https://via.placeholder.com/610x720/E56399/ffffff?text=16b 2x"
+          data-src="./images/220x280-L-16.webp"
+          data-srcset="./images/220x280-L-16.webp 1x, ./images/440x560-L-16.webp 2x"
         />
         <p>Product 16</p>
       </a>
@@ -366,7 +366,7 @@ <h1>Static load method demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-Error.webp";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/load_all.html b/demos/load_all.html
index 0b82be3f..647f542e 100644
--- a/demos/load_all.html
+++ b/demos/load_all.html
@@ -68,7 +68,7 @@ <h1>Load all demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html">
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
             />
@@ -78,7 +78,7 @@ <h1>Load all demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html">
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
             />
@@ -89,7 +89,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
             />
@@ -100,7 +100,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
             />
@@ -111,7 +111,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
             />
@@ -122,7 +122,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
             />
@@ -133,7 +133,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
             />
@@ -144,7 +144,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
             />
@@ -155,7 +155,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
             />
@@ -166,7 +166,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
             />
@@ -177,7 +177,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
             />
@@ -188,7 +188,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
             />
@@ -199,7 +199,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
             />
@@ -210,7 +210,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
             />
@@ -221,7 +221,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
             />
@@ -232,7 +232,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
             />
@@ -243,7 +243,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
             />
@@ -254,7 +254,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
             />
@@ -265,7 +265,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
             />
@@ -276,7 +276,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
             />
@@ -287,7 +287,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
             />
@@ -298,7 +298,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
             />
@@ -309,7 +309,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
             />
@@ -320,7 +320,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
             />
@@ -331,7 +331,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
             />
@@ -342,7 +342,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
             />
@@ -353,7 +353,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
             />
@@ -364,7 +364,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
             />
@@ -375,7 +375,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
             />
@@ -386,7 +386,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
             />
@@ -397,7 +397,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
             />
@@ -408,7 +408,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
             />
@@ -419,7 +419,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
             />
@@ -430,7 +430,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
             />
@@ -441,7 +441,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
             />
@@ -452,7 +452,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
             />
@@ -463,7 +463,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
             />
@@ -474,7 +474,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
             />
@@ -485,7 +485,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
             />
@@ -496,7 +496,7 @@ <h1>Load all demo</h1>
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
             />
@@ -529,7 +529,7 @@ <h1>Load all demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/native_lazyload.html b/demos/native_lazyload.html
index 4ac8dd1b..d4248c75 100644
--- a/demos/native_lazyload.html
+++ b/demos/native_lazyload.html
@@ -1,505 +1,305 @@
 <!DOCTYPE html>
 <html>
-    <head lang="en">
-        <meta charset="UTF-8" />
-        <title>
-            Native lazy loading - Lazyload demos
-        </title>
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <style>
-            ul,
-            li {
-                list-style-type: none;
-                margin: 0;
-                padding: 0;
-            }
+  <head lang="en">
+    <meta charset="UTF-8" />
+    <title>Native lazy loading - Lazyload demos</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      ul,
+      li {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+      }
 
-            img,
-            .results a {
-                display: block;
-            }
+      img,
+      .results a {
+        display: block;
+      }
 
-            img {
-                border: 0;
-                width: 220px;
-                height: 280px;
-            }
+      img {
+        border: 0;
+        width: 220px;
+        height: 280px;
+      }
 
-            img:not([src]) {
-                visibility: hidden;
-            }
+      img:not([src]) {
+        visibility: hidden;
+      }
 
-            .warning {
-                padding: 1em;
-                color: black;
-                background: lightyellow;
-                border-radius: 1em;
-                border: 1px solid gray;
-            }
+      .warning {
+        padding: 1em;
+        color: black;
+        background: lightyellow;
+        border-radius: 1em;
+        border: 1px solid gray;
+      }
 
-            /* Fixes Firefox anomaly during image load */
-            @-moz-document url-prefix() {
-                img:-moz-loading {
-                    visibility: hidden;
-                }
-            }
-        </style>
-    </head>
+      /* Fixes Firefox anomaly during image load */
+      @-moz-document url-prefix() {
+        img:-moz-loading {
+          visibility: hidden;
+        }
+      }
+    </style>
+  </head>
 
-    <body>
-        <h1>Native lazy loading demo</h1>
-        <p class="warning">
-            You can use this page to test browsers' implementations of
-            <strong>native lazy loading</strong>.<br />
-            Please note that not even one line of JavaScript code is involved here.
-        </p>
-        <div id="results1" class="results">
-            <ul>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44721746jj.html"
-                        ><img
-                            alt="Stivaletti"
-                            src="https://images.unsplash.com/photo-1555923637-8e28485258ca?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="eager"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/open-toe_cod44740806jx.html"
-                        ><img
-                            alt="Open toe"
-                            src="https://images.unsplash.com/photo-1543286386-2e659306cd6c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="eager"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554080450-0cf441c6eb68?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738717am.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes basse"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554194666-dd5e2510e694?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44739940cb.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes alte"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555464735-4706a5ef4bf6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44740860xg.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes alte"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1556068791-9e3a08d59470?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738719vn.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes basse"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554089672-043830ebaed9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44739938wk.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes basse"
-                            class="lazy"
-                            src="https://images.unsplash.com/flagged/photo-1555205774-050dd5ed6a20?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivali_cod44736534fq.html"
-                        ><img
-                            alt="Stivali"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554676187-e9a89ddb659e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivali_cod44735388ui.html"
-                        ><img
-                            alt="Stivali"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555617778-02518510b9fa?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44739165ev.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555580142-0b82b6785a6c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44739454hf.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554901889-eda8169e70f1?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivali_cod44719480km.html"
-                        ><img
-                            alt="Stivali"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555532823-e2bc333c90e1?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44719687td.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555643031-c91105925db0?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/decollete_cod44721899ng.html"
-                        ><img
-                            alt="Décolleté"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555801724-83dd9d58eea0?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44721744sl.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1553859272-133adb267011?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44716730kr.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555940006-862eaae636bf?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/decollete_cod44718734xl.html"
-                        ><img
-                            alt="Décolleté"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554553546-f49660dfdd91?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/decollete_cod44721796uk.html"
-                        ><img
-                            alt="Décolleté"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1556064379-35bf4c992ac6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/francesine_cod44717679mj.html"
-                        ><img
-                            alt="Francesine"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554197000-3d0a2ac6e0a8?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44724594vu.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1553835569-40485611296c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/decollete_cod44726148aq.html"
-                        ><img
-                            alt="Décolleté"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554584003-c049df926cd8?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44719629nt.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1553634260-85dac7176cbc?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44725329kq.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555940920-5d0a29a7e7dd?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivali_cod44724026qs.html"
-                        ><img
-                            alt="Stivali"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554521718-e87e96d67ca5?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44720256gw.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1556089175-54732507ad23?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44722062id.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1556015048-4d3aa10df74c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44722402rh.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555687190-9a37fce4ee91?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44726296vu.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555882196-d35706cbb9ff?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44725755ct.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555939498-c63ac1eb2e4d?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44725348nv.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554185624-d49be4319189?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44721879xx.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555100126-259f18ae434e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/cuissardes_cod44729472iq.html"
-                        ><img
-                            alt="Cuissardes"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554586944-fb6d32f8a519?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/decollete_cod44725388jv.html"
-                        ><img
-                            alt="Décolleté"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1556127042-4304bd604607?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/stivaletti_cod44721854ce.html"
-                        ><img
-                            alt="Stivaletti"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555507036-ab1f4038808a?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727690jp.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes basse"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554865587-cc3c9088b02f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44727501hh.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555358206-512e80af4056?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727038aq.html"
-                        ><img
-                            alt="Sneakers &amp; Tennis shoes basse"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554130666-d400f75197ad?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44704882bq.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1554668018-b76d73f358c2?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-                <li>
-                    <a href="#/it/donna/mocassini_cod44734002vc.html"
-                        ><img
-                            alt="Mocassini"
-                            class="lazy"
-                            src="https://images.unsplash.com/photo-1555401724-a4df51068fa5?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-                            width="220"
-                            height="280"
-                            loading="lazy"
-                    /></a>
-                </li>
-            </ul>
-        </div>
-        <iframe loading="lazy" src="iframes/i01.html" frameborder="0"></iframe>
-        <iframe loading="lazy" src="iframes/i02.html" frameborder="0"></iframe>
-        <iframe loading="lazy" src="iframes/i03.html" frameborder="0"></iframe>
-        <script>
-            console.log("Look ma! No javascript here!");
-        </script>
-    </body>
+  <body>
+    <h1>Native lazy loading demo</h1>
+    <p class="warning">
+      You can use this page to test browsers' implementations of
+      <strong>native lazy loading</strong>.<br />
+      Please note that not even one line of JavaScript code is involved here.
+    </p>
+    <div id="results1" class="results">
+      <ul>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44721746jj.html"
+            ><img alt="Stivaletti" src=./images/440x560-01.webp width="220" height="280"
+            loading="eager" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/open-toe_cod44740806jx.html"
+            ><img alt="Open toe" src=./images/440x560-02.webp width="220" height="280"
+            loading="eager" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html"
+            ><img alt="Sneakers &amp; Tennis" class="lazy" src=./images/440x560-03.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738717am.html"
+            ><img alt="Sneakers &amp; Tennis shoes basse" class="lazy" src=./images/440x560-04.webp
+            width="220" height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44739940cb.html"
+            ><img alt="Sneakers &amp; Tennis shoes alte" class="lazy" src=./images/440x560-05.webp
+            width="220" height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44740860xg.html"
+            ><img alt="Sneakers &amp; Tennis shoes alte" class="lazy" src=./images/440x560-06.webp
+            width="220" height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738719vn.html"
+            ><img alt="Sneakers &amp; Tennis shoes basse" class="lazy" src=./images/440x560-07.webp
+            width="220" height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44736534fq.html"
+            ><img alt="Stivali" class="lazy" src=./images/440x560-08.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44735388ui.html"
+            ><img alt="Stivali" class="lazy" src=./images/440x560-09.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44739165ev.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-10.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44739454hf.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-11.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44719480km.html"
+            ><img alt="Stivali" class="lazy" src=./images/440x560-12.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44719687td.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-13.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44721899ng.html"
+            ><img alt="Décolleté" class="lazy" src=./images/440x560-14.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44721744sl.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-15.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44716730kr.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-16.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44718734xl.html"
+            ><img alt="Décolleté" class="lazy" src=./images/440x560-17.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44721796uk.html"
+            ><img alt="Décolleté" class="lazy" src=./images/440x560-18.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/francesine_cod44717679mj.html"
+            ><img alt="Francesine" class="lazy" src=./images/440x560-19.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44724594vu.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-20.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44726148aq.html"
+            ><img alt="Décolleté" class="lazy" src=./images/440x560-21.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44719629nt.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-22.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44725329kq.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-23.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44724026qs.html"
+            ><img alt="Stivali" class="lazy" src=./images/440x560-24.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44720256gw.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-25.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44722062id.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-26.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44722402rh.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-27.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44726296vu.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-28.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44725755ct.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-29.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44725348nv.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-30.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44721879xx.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-31.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/cuissardes_cod44729472iq.html"
+            ><img alt="Cuissardes" class="lazy" src=./images/440x560-32.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44725388jv.html"
+            ><img alt="Décolleté" class="lazy" src=./images/440x560-33.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44721854ce.html"
+            ><img alt="Stivaletti" class="lazy" src=./images/440x560-34.webp width="220"
+            height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727690jp.html"
+            ><img alt="Sneakers &amp; Tennis shoes basse" class="lazy" src=./images/440x560-35.webp
+            width="220" height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44727501hh.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-36.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727038aq.html"
+            ><img alt="Sneakers &amp; Tennis shoes basse" class="lazy" src=./images/440x560-37.webp
+            width="220" height="280" loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44704882bq.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-38.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44734002vc.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-39.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44734002vc.html"
+            ><img alt="Mocassini" class="lazy" src=./images/440x560-40.webp width="220" height="280"
+            loading="lazy" /></a
+          >
+        </li>
+      </ul>
+    </div>
+    <iframe loading="lazy" src="iframes/i01.html" frameborder="0"></iframe>
+    <iframe loading="lazy" src="iframes/i02.html" frameborder="0"></iframe>
+    <iframe loading="lazy" src="iframes/i03.html" frameborder="0"></iframe>
+    <script>
+      console.log("Look ma! No javascript here!");
+    </script>
+  </body>
 </html>
diff --git a/demos/native_lazyload_conditional.html b/demos/native_lazyload_conditional.html
index eff1b66b..39a8b986 100644
--- a/demos/native_lazyload_conditional.html
+++ b/demos/native_lazyload_conditional.html
@@ -51,81 +51,53 @@ <h2>Images</h2>
       <ul>
         <li>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
-            ><img
-              alt="Stivaletti"
-              loading="eager"
-              src="https://images.unsplash.com/photo-1555923637-8e28485258ca?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Stivaletti" loading="eager" src=./images/440x560-01.webp width="220"
+            height="280" /></a
+          >
         </li>
         <li>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
-            ><img
-              alt="Open toe"
-              loading="eager"
-              src="https://images.unsplash.com/photo-1543286386-2e659306cd6c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Open toe" loading="eager" src=./images/440x560-02.webp width="220"
+            height="280" /></a
+          >
         </li>
         <li>
           <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html"
-            ><img
-              alt="Sneakers &amp; Tennis"
-              class="lazy"
-              data-src="https://images.unsplash.com/photo-1554080450-0cf441c6eb68?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Sneakers &amp; Tennis" class="lazy" data-src=./images/440x560-03.webp
+            width="220" height="280" /></a
+          >
         </li>
         <li>
           <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738717am.html"
-            ><img
-              alt="Sneakers &amp; Tennis shoes basse"
-              class="lazy"
-              data-src="https://images.unsplash.com/photo-1554194666-dd5e2510e694?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Sneakers &amp; Tennis shoes basse" class="lazy"
+            data-src=./images/440x560-04.webp width="220" height="280" /></a
+          >
         </li>
         <li>
           <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44739940cb.html"
-            ><img
-              alt="Sneakers &amp; Tennis shoes alte"
-              class="lazy"
-              data-src="https://images.unsplash.com/photo-1555464735-4706a5ef4bf6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Sneakers &amp; Tennis shoes alte" class="lazy"
+            data-src=./images/440x560-05.webp width="220" height="280" /></a
+          >
         </li>
         <li>
           <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44740860xg.html"
-            ><img
-              alt="Sneakers &amp; Tennis shoes alte"
-              class="lazy"
-              data-src="https://images.unsplash.com/photo-1556068791-9e3a08d59470?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Sneakers &amp; Tennis shoes alte" class="lazy"
+            data-src=./images/440x560-06.webp width="220" height="280" /></a
+          >
         </li>
         <li>
           <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738719vn.html"
-            ><img
-              alt="Sneakers &amp; Tennis shoes basse"
-              class="lazy"
-              data-src="https://images.unsplash.com/photo-1554089672-043830ebaed9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=440&h=560&fit=crop&ixid=eyJhcHBfaWQiOjF9"
-              width="220"
-              height="280"
-          /></a>
+            ><img alt="Sneakers &amp; Tennis shoes basse" class="lazy"
+            data-src=./images/440x560-07.webp width="220" height="280" /></a
+          >
         </li>
       </ul>
     </div>
 
     <h2>Iframes</h2>
-    <iframe class="lazy" data-src="iframes/i01.html" frameborder="0"></iframe>
-    <iframe class="lazy" data-src="iframes/i02.html" frameborder="0"></iframe>
-    <iframe class="lazy" data-src="iframes/i03.html" frameborder="0"></iframe>
+    <iframe class="lazy" data-src="./iframes/i01.html" frameborder="0"></iframe>
+    <iframe class="lazy" data-src="./iframes/i02.html" frameborder="0"></iframe>
+    <iframe class="lazy" data-src="./iframes/i03.html" frameborder="0"></iframe>
 
     <h2>Preload = none</h2>
     <video
@@ -133,15 +105,12 @@ <h2>Preload = none</h2>
       controls
       preload="none"
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-01.mp4"
+      data-poster="./videos/1920x1080-01.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-01.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-01.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-01.avi" />
     </video>
 
     <h2>Preload = metadata</h2>
@@ -150,15 +119,12 @@ <h2>Preload = metadata</h2>
       preload="metadata"
       controls
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-02.mp4"
+      data-poster="./videos/1920x1080-02.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-02.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-02.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-02.avi" />
     </video>
     <script src="../dist/lazyload.min.js"></script>
     <script>
@@ -181,7 +147,7 @@ <h2>Preload = metadata</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://source.unsplash.com/random/440x560/?text=Error+Placeholder";
+          element.src = 'url("./images/440x560-Error.webp")';
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
@@ -211,7 +177,7 @@ <h2>Preload = metadata</h2>
 
         // Double instance using native lazy loading on images and iframes,
         // and JS driven lazy loading on videos
-        function createDoubleInstance() {  
+        function createDoubleInstance() {
           var lazyImgsIframes = new LazyLoad({
             elements_selector: "img.lazy, iframe.lazy",
             use_native: true,
diff --git a/demos/object.html b/demos/object.html
index b5b12547..9e8360a9 100644
--- a/demos/object.html
+++ b/demos/object.html
@@ -74,7 +74,7 @@ <h1>Lazy objects demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/picture_media.html b/demos/picture_media.html
index c73f178e..9e2a792e 100644
--- a/demos/picture_media.html
+++ b/demos/picture_media.html
@@ -2,9 +2,7 @@
 <html>
   <head lang="en">
     <meta charset="UTF-8" />
-    <title>
-      Picture with media attribute in source tags - Lazyload demos
-    </title>
+    <title>Picture with media attribute in source tags - Lazyload demos</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style>
       ul,
@@ -50,18 +48,12 @@ <h1>Picture with media attribute in source tags demo</h1>
           <picture>
             <source
               media="(min-width: 500px)"
-              srcset="
-                https://via.placeholder.com/330x420?text=01_330w 1x,
-                https://via.placeholder.com/660x840?text=01_660w 2x
-              "
+              srcset="./images/330x420-01.webp 1x, ./images/660x840-01.webp 2x"
             />
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/220x280?text=01_220w"
-              srcset="
-                https://via.placeholder.com/220x280?text=01_220w 1x,
-                https://via.placeholder.com/440x560?text=01_440w 2x
-              "
+              src="./images/220x280-01.webp"
+              srcset="./images/220x280-01.webp 1x, ./images/440x560-01.webp 2x"
             />
           </picture>
         </li>
@@ -69,18 +61,12 @@ <h1>Picture with media attribute in source tags demo</h1>
           <picture>
             <source
               media="(min-width: 500px)"
-              srcset="
-                https://via.placeholder.com/330x420?text=02_330w 1x,
-                https://via.placeholder.com/660x840?text=02_660w 2x
-              "
+              srcset="./images/330x420-02.webp 1x, ./images/660x840-02.webp 2x"
             />
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/220x280?text=02_220w"
-              srcset="
-                https://via.placeholder.com/220x280?text=02_220w 1x,
-                https://via.placeholder.com/440x560?text=02_440w 2x
-              "
+              src="./images/220x280-02.webp"
+              srcset="./images/220x280-02.webp 1x, ./images/440x560-02.webp 2x"
             />
           </picture>
         </li>
@@ -88,18 +74,12 @@ <h1>Picture with media attribute in source tags demo</h1>
           <picture>
             <source
               media="(min-width: 500px)"
-              srcset="
-                https://via.placeholder.com/330x420?text=03_330w 1x,
-                https://via.placeholder.com/660x840?text=03_660w 2x
-              "
+              srcset="./images/330x420-03.webp 1x, ./images/660x840-03.webp 2x"
             />
             <img
               alt="Sneakers &amp; Tennis"
-              src="https://via.placeholder.com/220x280?text=03_220w"
-              srcset="
-                https://via.placeholder.com/220x280?text=03_220w 1x,
-                https://via.placeholder.com/440x560?text=03_440w 2x
-              "
+              src="./images/220x280-03.webp"
+              srcset="./images/220x280-03.webp 1x, ./images/440x560-03.webp 2x"
             />
           </picture>
         </li>
@@ -107,18 +87,12 @@ <h1>Picture with media attribute in source tags demo</h1>
           <picture>
             <source
               media="(min-width: 500px)"
-              srcset="
-                https://via.placeholder.com/330x420?text=04_330w 1x,
-                https://via.placeholder.com/660x840?text=04_660w 2x
-              "
+              srcset="./images/330x420-04.webp 1x, ./images/660x840-04.webp 2x"
             />
             <img
               alt="Sneakers &amp; Tennis shoes basse"
-              src="https://via.placeholder.com/220x280?text=04_220w"
-              srcset="
-                https://via.placeholder.com/220x280?text=04_220w 1x,
-                https://via.placeholder.com/440x560?text=04_440w 2x
-              "
+              src="./images/220x280-04.webp"
+              srcset="./images/220x280-04.webp 1x, ./images/440x560-04.webp 2x"
             />
           </picture>
         </li>
@@ -127,17 +101,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=05_330w 1x,
-                https://via.placeholder.com/660x840?text=05_660w 2x
+                ./images/330x420-05.webp 1x,
+                ./images/660x840-05.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/220x280?text=05_220w"
+              data-src="./images/220x280-05.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=05_220w 1x,
-                https://via.placeholder.com/440x560?text=05_440w 2x
+                ./images/220x280-05.webp 1x,
+                ./images/440x560-05.webp 2x
               "
             />
           </picture>
@@ -147,17 +121,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=06_330w 1x,
-                https://via.placeholder.com/660x840?text=06_660w 2x
+                ./images/330x420-06.webp 1x,
+                ./images/660x840-06.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/220x280?text=06_220w"
+              data-src="./images/220x280-06.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=06_220w 1x,
-                https://via.placeholder.com/440x560?text=06_440w 2x
+                ./images/220x280-06.webp 1x,
+                ./images/440x560-06.webp 2x
               "
             />
           </picture>
@@ -167,17 +141,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=07_330w 1x,
-                https://via.placeholder.com/660x840?text=07_660w 2x
+                ./images/330x420-07.webp 1x,
+                ./images/660x840-07.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/220x280?text=07_220w"
+              data-src="./images/220x280-07.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=07_220w 1x,
-                https://via.placeholder.com/440x560?text=07_440w 2x
+                ./images/220x280-07.webp 1x,
+                ./images/440x560-07.webp 2x
               "
             />
           </picture>
@@ -187,17 +161,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=08_330w 1x,
-                https://via.placeholder.com/660x840?text=08_660w 2x
+                ./images/330x420-08.webp 1x,
+                ./images/660x840-08.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/220x280?text=08_220w"
+              data-src="./images/220x280-08.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=08_220w 1x,
-                https://via.placeholder.com/440x560?text=08_440w 2x
+                ./images/220x280-08.webp 1x,
+                ./images/440x560-08.webp 2x
               "
             />
           </picture>
@@ -207,17 +181,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=09_330w 1x,
-                https://via.placeholder.com/660x840?text=09_660w 2x
+                ./images/330x420-09.webp 1x,
+                ./images/660x840-09.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/220x280?text=09_220w"
+              data-src="./images/220x280-09.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=09_220w 1x,
-                https://via.placeholder.com/440x560?text=09_440w 2x
+                ./images/220x280-09.webp 1x,
+                ./images/440x560-09.webp 2x
               "
             />
           </picture>
@@ -227,17 +201,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=10_330w 1x,
-                https://via.placeholder.com/660x840?text=10_660w 2x
+                ./images/330x420-10.webp 1x,
+                ./images/660x840-10.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/220x280?text=10_220w"
+              data-src="./images/220x280-10.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=10_220w 1x,
-                https://via.placeholder.com/440x560?text=10_440w 2x
+                ./images/220x280-10.webp 1x,
+                ./images/440x560-10.webp 2x
               "
             />
           </picture>
@@ -247,17 +221,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=11_330w 1x,
-                https://via.placeholder.com/660x840?text=11_660w 2x
+                ./images/330x420-11.webp 1x,
+                ./images/660x840-11.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=11_220w"
+              data-src="./images/220x280-11.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=11_220w 1x,
-                https://via.placeholder.com/440x560?text=11_440w 2x
+                ./images/220x280-11.webp 1x,
+                ./images/440x560-11.webp 2x
               "
             />
           </picture>
@@ -267,17 +241,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=12_330w 1x,
-                https://via.placeholder.com/660x840?text=12_660w 2x
+                ./images/330x420-12.webp 1x,
+                ./images/660x840-12.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=12_220w"
+              data-src="./images/220x280-12.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=12_220w 1x,
-                https://via.placeholder.com/440x560?text=12_440w 2x
+                ./images/220x280-12.webp 1x,
+                ./images/440x560-12.webp 2x
               "
             />
           </picture>
@@ -287,17 +261,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=13_330w 1x,
-                https://via.placeholder.com/660x840?text=13_660w 2x
+                ./images/330x420-13.webp 1x,
+                ./images/660x840-13.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/220x280?text=13_220w"
+              data-src="./images/220x280-13.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=13_220w 1x,
-                https://via.placeholder.com/440x560?text=13_440w 2x
+                ./images/220x280-13.webp 1x,
+                ./images/440x560-13.webp 2x
               "
             />
           </picture>
@@ -307,17 +281,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=14_330w 1x,
-                https://via.placeholder.com/660x840?text=14_660w 2x
+                ./images/330x420-14.webp 1x,
+                ./images/660x840-14.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=14_220w"
+              data-src="./images/220x280-14.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=14_220w 1x,
-                https://via.placeholder.com/440x560?text=14_440w 2x
+                ./images/220x280-14.webp 1x,
+                ./images/440x560-14.webp 2x
               "
             />
           </picture>
@@ -327,17 +301,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=15_330w 1x,
-                https://via.placeholder.com/660x840?text=15_660w 2x
+                ./images/330x420-15.webp 1x,
+                ./images/660x840-15.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/220x280?text=15_220w"
+              data-src="./images/220x280-15.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=15_220w 1x,
-                https://via.placeholder.com/440x560?text=15_440w 2x
+                ./images/220x280-15.webp 1x,
+                ./images/440x560-15.webp 2x
               "
             />
           </picture>
@@ -347,17 +321,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=16_330w 1x,
-                https://via.placeholder.com/660x840?text=16_660w 2x
+                ./images/330x420-16.webp 1x,
+                ./images/660x840-16.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=16_220w"
+              data-src="./images/220x280-16.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=16_220w 1x,
-                https://via.placeholder.com/440x560?text=16_440w 2x
+                ./images/220x280-16.webp 1x,
+                ./images/440x560-16.webp 2x
               "
             />
           </picture>
@@ -367,17 +341,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=17_330w 1x,
-                https://via.placeholder.com/660x840?text=17_660w 2x
+                ./images/330x420-17.webp 1x,
+                ./images/660x840-17.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=17_220w"
+              data-src="./images/220x280-17.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=17_220w 1x,
-                https://via.placeholder.com/440x560?text=17_440w 2x
+                ./images/220x280-17.webp 1x,
+                ./images/440x560-17.webp 2x
               "
             />
           </picture>
@@ -387,17 +361,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=18_330w 1x,
-                https://via.placeholder.com/660x840?text=18_660w 2x
+                ./images/330x420-18.webp 1x,
+                ./images/660x840-18.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/220x280?text=18_220w"
+              data-src="./images/220x280-18.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=18_220w 1x,
-                https://via.placeholder.com/440x560?text=18_440w 2x
+                ./images/220x280-18.webp 1x,
+                ./images/440x560-18.webp 2x
               "
             />
           </picture>
@@ -407,17 +381,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=19_330w 1x,
-                https://via.placeholder.com/660x840?text=19_660w 2x
+                ./images/330x420-19.webp 1x,
+                ./images/660x840-19.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/220x280?text=19_220w"
+              data-src="./images/220x280-19.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=19_220w 1x,
-                https://via.placeholder.com/440x560?text=19_440w 2x
+                ./images/220x280-19.webp 1x,
+                ./images/440x560-19.webp 2x
               "
             />
           </picture>
@@ -427,17 +401,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=20_330w 1x,
-                https://via.placeholder.com/660x840?text=20_660w 2x
+                ./images/330x420-20.webp 1x,
+                ./images/660x840-20.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/220x280?text=20_220w"
+              data-src="./images/220x280-20.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=20_220w 1x,
-                https://via.placeholder.com/440x560?text=20_440w 2x
+                ./images/220x280-20.webp 1x,
+                ./images/440x560-20.webp 2x
               "
             />
           </picture>
@@ -447,17 +421,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=21_330w 1x,
-                https://via.placeholder.com/660x840?text=21_660w 2x
+                ./images/330x420-21.webp 1x,
+                ./images/660x840-21.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=21_220w"
+              data-src="./images/220x280-21.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=21_220w 1x,
-                https://via.placeholder.com/440x560?text=21_440w 2x
+                ./images/220x280-21.webp 1x,
+                ./images/440x560-21.webp 2x
               "
             />
           </picture>
@@ -467,17 +441,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=22_330w 1x,
-                https://via.placeholder.com/660x840?text=22_660w 2x
+                ./images/330x420-22.webp 1x,
+                ./images/660x840-22.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/220x280?text=22_220w"
+              data-src="./images/220x280-22.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=22_220w 1x,
-                https://via.placeholder.com/440x560?text=22_440w 2x
+                ./images/220x280-22.webp 1x,
+                ./images/440x560-22.webp 2x
               "
             />
           </picture>
@@ -487,17 +461,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=23_330w 1x,
-                https://via.placeholder.com/660x840?text=23_660w 2x
+                ./images/330x420-23.webp 1x,
+                ./images/660x840-23.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=23_220w"
+              data-src="./images/220x280-23.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=23_220w 1x,
-                https://via.placeholder.com/440x560?text=23_440w 2x
+                ./images/220x280-23.webp 1x,
+                ./images/440x560-23.webp 2x
               "
             />
           </picture>
@@ -507,17 +481,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=24_330w 1x,
-                https://via.placeholder.com/660x840?text=24_660w 2x
+                ./images/330x420-24.webp 1x,
+                ./images/660x840-24.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=24_220w"
+              data-src="./images/220x280-24.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=24_220w 1x,
-                https://via.placeholder.com/440x560?text=24_440w 2x
+                ./images/220x280-24.webp 1x,
+                ./images/440x560-24.webp 2x
               "
             />
           </picture>
@@ -527,17 +501,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=25_330w 1x,
-                https://via.placeholder.com/660x840?text=25_660w 2x
+                ./images/330x420-25.webp 1x,
+                ./images/660x840-25.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/220x280?text=25_220w"
+              data-src="./images/220x280-25.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=25_220w 1x,
-                https://via.placeholder.com/440x560?text=25_440w 2x
+                ./images/220x280-25.webp 1x,
+                ./images/440x560-25.webp 2x
               "
             />
           </picture>
@@ -547,17 +521,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=26_330w 1x,
-                https://via.placeholder.com/660x840?text=26_660w 2x
+                ./images/330x420-26.webp 1x,
+                ./images/660x840-26.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=26_220w"
+              data-src="./images/220x280-26.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=26_220w 1x,
-                https://via.placeholder.com/440x560?text=26_440w 2x
+                ./images/220x280-26.webp 1x,
+                ./images/440x560-26.webp 2x
               "
             />
           </picture>
@@ -567,17 +541,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=27_330w 1x,
-                https://via.placeholder.com/660x840?text=27_660w 2x
+                ./images/330x420-27.webp 1x,
+                ./images/660x840-27.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=27_220w"
+              data-src="./images/220x280-27.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=27_220w 1x,
-                https://via.placeholder.com/440x560?text=27_440w 2x
+                ./images/220x280-27.webp 1x,
+                ./images/440x560-27.webp 2x
               "
             />
           </picture>
@@ -587,17 +561,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=28_330w 1x,
-                https://via.placeholder.com/660x840?text=28_660w 2x
+                ./images/330x420-28.webp 1x,
+                ./images/660x840-28.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=28_220w"
+              data-src="./images/220x280-28.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=28_220w 1x,
-                https://via.placeholder.com/440x560?text=28_440w 2x
+                ./images/220x280-28.webp 1x,
+                ./images/440x560-28.webp 2x
               "
             />
           </picture>
@@ -607,17 +581,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=29_330w 1x,
-                https://via.placeholder.com/660x840?text=29_660w 2x
+                ./images/330x420-29.webp 1x,
+                ./images/660x840-29.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=29_220w"
+              data-src="./images/220x280-29.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=29_220w 1x,
-                https://via.placeholder.com/440x560?text=29_440w 2x
+                ./images/220x280-29.webp 1x,
+                ./images/440x560-29.webp 2x
               "
             />
           </picture>
@@ -627,17 +601,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=30_330w 1x,
-                https://via.placeholder.com/660x840?text=30_660w 2x
+                ./images/330x420-30.webp 1x,
+                ./images/660x840-30.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=30_220w"
+              data-src="./images/220x280-30.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=30_220w 1x,
-                https://via.placeholder.com/440x560?text=30_440w 2x
+                ./images/220x280-30.webp 1x,
+                ./images/440x560-30.webp 2x
               "
             />
           </picture>
@@ -647,17 +621,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=31_330w 1x,
-                https://via.placeholder.com/660x840?text=31_660w 2x
+                ./images/330x420-31.webp 1x,
+                ./images/660x840-31.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=31_220w"
+              data-src="./images/220x280-31.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=31_220w 1x,
-                https://via.placeholder.com/440x560?text=31_440w 2x
+                ./images/220x280-31.webp 1x,
+                ./images/440x560-31.webp 2x
               "
             />
           </picture>
@@ -667,17 +641,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=32_330w 1x,
-                https://via.placeholder.com/660x840?text=32_660w 2x
+                ./images/330x420-32.webp 1x,
+                ./images/660x840-32.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=32_220w"
+              data-src="./images/220x280-32.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=32_220w 1x,
-                https://via.placeholder.com/440x560?text=32_440w 2x
+                ./images/220x280-32.webp 1x,
+                ./images/440x560-32.webp 2x
               "
             />
           </picture>
@@ -687,17 +661,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=33_330w 1x,
-                https://via.placeholder.com/660x840?text=33_660w 2x
+                ./images/330x420-33.webp 1x,
+                ./images/660x840-33.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/220x280?text=33_220w"
+              data-src="./images/220x280-33.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=33_220w 1x,
-                https://via.placeholder.com/440x560?text=33_440w 2x
+                ./images/220x280-33.webp 1x,
+                ./images/440x560-33.webp 2x
               "
             />
           </picture>
@@ -707,17 +681,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=34_330w 1x,
-                https://via.placeholder.com/660x840?text=34_660w 2x
+                ./images/330x420-34.webp 1x,
+                ./images/660x840-34.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/220x280?text=34_220w"
+              data-src="./images/220x280-34.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=34_220w 1x,
-                https://via.placeholder.com/440x560?text=34_440w 2x
+                ./images/220x280-34.webp 1x,
+                ./images/440x560-34.webp 2x
               "
             />
           </picture>
@@ -727,17 +701,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=35_330w 1x,
-                https://via.placeholder.com/660x840?text=35_660w 2x
+                ./images/330x420-35.webp 1x,
+                ./images/660x840-35.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/220x280?text=35_220w"
+              data-src="./images/220x280-35.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=35_220w 1x,
-                https://via.placeholder.com/440x560?text=35_440w 2x
+                ./images/220x280-35.webp 1x,
+                ./images/440x560-35.webp 2x
               "
             />
           </picture>
@@ -747,17 +721,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=36_330w 1x,
-                https://via.placeholder.com/660x840?text=36_660w 2x
+                ./images/330x420-36.webp 1x,
+                ./images/660x840-36.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/220x280?text=36_220w"
+              data-src="./images/220x280-36.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=36_220w 1x,
-                https://via.placeholder.com/440x560?text=36_440w 2x
+                ./images/220x280-36.webp 1x,
+                ./images/440x560-36.webp 2x
               "
             />
           </picture>
@@ -767,17 +741,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=37_330w 1x,
-                https://via.placeholder.com/660x840?text=37_660w 2x
+                ./images/330x420-37.webp 1x,
+                ./images/660x840-37.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=37_220w"
+              data-src="./images/220x280-37.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=37_220w 1x,
-                https://via.placeholder.com/440x560?text=37_440w 2x
+                ./images/220x280-37.webp 1x,
+                ./images/440x560-37.webp 2x
               "
             />
           </picture>
@@ -787,17 +761,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=38_330w 1x,
-                https://via.placeholder.com/660x840?text=38_660w 2x
+                ./images/330x420-38.webp 1x,
+                ./images/660x840-38.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/220x280?text=38_220w"
+              data-src="./images/220x280-38.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=38_220w 1x,
-                https://via.placeholder.com/440x560?text=38_440w 2x
+                ./images/220x280-38.webp 1x,
+                ./images/440x560-38.webp 2x
               "
             />
           </picture>
@@ -807,17 +781,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=39_330w 1x,
-                https://via.placeholder.com/660x840?text=39_660w 2x
+                ./images/330x420-39.webp 1x,
+                ./images/660x840-39.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=39_220w"
+              data-src="./images/220x280-39.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=39_220w 1x,
-                https://via.placeholder.com/440x560?text=39_440w 2x
+                ./images/220x280-39.webp 1x,
+                ./images/440x560-39.webp 2x
               "
             />
           </picture>
@@ -827,17 +801,17 @@ <h1>Picture with media attribute in source tags demo</h1>
             <source
               media="(min-width: 500px)"
               data-srcset="
-                https://via.placeholder.com/330x420?text=40_330w 1x,
-                https://via.placeholder.com/660x840?text=40_660w 2x
+                ./images/330x420-40.webp 1x,
+                ./images/660x840-40.webp 2x
               "
             />
             <img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/220x280?text=40_220w"
+              data-src="./images/220x280-40.webp"
               data-srcset="
-                https://via.placeholder.com/220x280?text=40_220w 1x,
-							  https://via.placeholder.com/440x560?text=40_440w 2x
+                ./images/220x280-40.webp 1x,
+							  ./images/440x560-40.webp 2x
 							"
             />
           </picture>
@@ -865,8 +839,7 @@ <h1>Picture with media attribute in source tags demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_cancel = function (element) {
           logElementEvent("🔥 CANCEL", element);
diff --git a/demos/picture_type_avif.html b/demos/picture_type_avif.html
new file mode 100644
index 00000000..7b2b4599
--- /dev/null
+++ b/demos/picture_type_avif.html
@@ -0,0 +1,940 @@
+<!DOCTYPE html>
+<html>
+  <head lang="en">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Picture with type attribute in source to conditionally load AVIF - Lazyload demos</title>
+    <style>
+      ul,
+      li {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+      }
+
+      a,
+      img {
+        display: block;
+      }
+
+      img {
+        border: 0;
+        width: 220px;
+        height: 280px;
+      }
+
+      img:not([src]) {
+        visibility: hidden;
+      }
+
+      /* Fixes Firefox anomaly during image load */
+      @-moz-document url-prefix() {
+        img:-moz-loading {
+          visibility: hidden;
+        }
+      }
+    </style>
+  </head>
+
+  <body>
+    <h1>Picture with type attribute in source to conditionally load AVIF demo</h1>
+    <div id="results1" class="results">
+      <ul>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              srcset="./images/220x280-01.avif 1x, ./images/440x560-01.avif 2x"
+            />
+            <img
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              src="./images/220x280-01.webp"
+              srcset="./images/220x280-01.webp 1x, ./images/440x560-01.webp 2x"
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              srcset="./images/220x280-02.avif 1x, ./images/440x560-02.avif 2x"
+            />
+            <img
+              alt="Open toe"
+              width="220"
+              height="280"
+              src="./images/220x280-02.webp"
+              srcset="./images/220x280-02.webp 1x, ./images/440x560-02.webp 2x"
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              srcset="./images/220x280-03.avif 1x, ./images/440x560-03.avif 2x"
+            />
+            <img
+              alt="Sneakers &amp; Tennis"
+              width="220"
+              height="280"
+              src="./images/220x280-03.webp"
+              srcset="./images/220x280-03.webp 1x, ./images/440x560-03.webp 2x"
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              srcset="./images/220x280-04.avif 1x, ./images/440x560-04.avif 2x"
+            />
+            <img
+              alt="Sneakers &amp; Tennis shoes basse"
+              width="220"
+              height="280"
+              src="./images/220x280-04.webp"
+              srcset="./images/220x280-04.webp 1x, ./images/440x560-04.webp 2x"
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-05.avif 1x,
+                ./images/440x560-05.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Sneakers &amp; Tennis shoes alte"
+              width="220"
+              height="280"
+              data-src="./images/220x280-05.webp"
+              data-srcset="
+                ./images/220x280-05.webp 1x,
+                ./images/440x560-05.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-06.avif 1x,
+                ./images/440x560-06.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Sneakers &amp; Tennis shoes alte"
+              width="220"
+              height="280"
+              data-src="./images/220x280-06.webp"
+              data-srcset="
+                ./images/220x280-06.webp 1x,
+                ./images/440x560-06.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-07.avif 1x,
+                ./images/440x560-07.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Sneakers &amp; Tennis shoes basse"
+              width="220"
+              height="280"
+              data-src="./images/220x280-07.webp"
+              data-srcset="
+                ./images/220x280-07.webp 1x,
+                ./images/440x560-07.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-08.avif 1x,
+                ./images/440x560-08.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Sneakers &amp; Tennis shoes basse"
+              width="220"
+              height="280"
+              data-src="./images/220x280-08.webp"
+              data-srcset="
+                ./images/220x280-08.webp 1x,
+                ./images/440x560-08.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-09.avif 1x,
+                ./images/440x560-09.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivali"
+              width="220"
+              height="280"
+              data-src="./images/220x280-09.webp"
+              data-srcset="
+                ./images/220x280-09.webp 1x,
+                ./images/440x560-09.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-10.avif 1x,
+                ./images/440x560-10.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivali"
+              width="220"
+              height="280"
+              data-src="./images/220x280-10.webp"
+              data-srcset="
+                ./images/220x280-10.webp 1x,
+                ./images/440x560-10.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-11.avif 1x,
+                ./images/440x560-11.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-11.webp"
+              data-srcset="
+                ./images/220x280-11.webp 1x,
+                ./images/440x560-11.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-12.avif 1x,
+                ./images/440x560-12.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-12.webp"
+              data-srcset="
+                ./images/220x280-12.webp 1x,
+                ./images/440x560-12.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-13.avif 1x,
+                ./images/440x560-13.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivali"
+              width="220"
+              height="280"
+              data-src="./images/220x280-13.webp"
+              data-srcset="
+                ./images/220x280-13.webp 1x,
+                ./images/440x560-13.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-14.avif 1x,
+                ./images/440x560-14.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-14.webp"
+              data-srcset="
+                ./images/220x280-14.webp 1x,
+                ./images/440x560-14.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-15.avif 1x,
+                ./images/440x560-15.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Décolleté"
+              width="220"
+              height="280"
+              data-src="./images/220x280-15.webp"
+              data-srcset="
+                ./images/220x280-15.webp 1x,
+                ./images/440x560-15.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-16.avif 1x,
+                ./images/440x560-16.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-16.webp"
+              data-srcset="
+                ./images/220x280-16.webp 1x,
+                ./images/440x560-16.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-17.avif 1x,
+                ./images/440x560-17.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-17.webp"
+              data-srcset="
+                ./images/220x280-17.webp 1x,
+                ./images/440x560-17.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-18.avif 1x,
+                ./images/440x560-18.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Décolleté"
+              width="220"
+              height="280"
+              data-src="./images/220x280-18.webp"
+              data-srcset="
+                ./images/220x280-18.webp 1x,
+                ./images/440x560-18.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-19.avif 1x,
+                ./images/440x560-19.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Décolleté"
+              width="220"
+              height="280"
+              data-src="./images/220x280-19.webp"
+              data-srcset="
+                ./images/220x280-19.webp 1x,
+                ./images/440x560-19.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-20.avif 1x,
+                ./images/440x560-20.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Francesine"
+              width="220"
+              height="280"
+              data-src="./images/220x280-20.webp"
+              data-srcset="
+                ./images/220x280-20.webp 1x,
+                ./images/440x560-20.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-21.avif 1x,
+                ./images/440x560-21.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-21.webp"
+              data-srcset="
+                ./images/220x280-21.webp 1x,
+                ./images/440x560-21.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-22.avif 1x,
+                ./images/440x560-22.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Décolleté"
+              width="220"
+              height="280"
+              data-src="./images/220x280-22.webp"
+              data-srcset="
+                ./images/220x280-22.webp 1x,
+                ./images/440x560-22.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-23.avif 1x,
+                ./images/440x560-23.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-23.webp"
+              data-srcset="
+                ./images/220x280-23.webp 1x,
+                ./images/440x560-23.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-24.avif 1x,
+                ./images/440x560-24.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-24.webp"
+              data-srcset="
+                ./images/220x280-24.webp 1x,
+                ./images/440x560-24.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-25.avif 1x,
+                ./images/440x560-25.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivali"
+              width="220"
+              height="280"
+              data-src="./images/220x280-25.webp"
+              data-srcset="
+                ./images/220x280-25.webp 1x,
+                ./images/440x560-25.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-26.avif 1x,
+                ./images/440x560-26.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-26.webp"
+              data-srcset="
+                ./images/220x280-26.webp 1x,
+                ./images/440x560-26.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-27.avif 1x,
+                ./images/440x560-27.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-27.webp"
+              data-srcset="
+                ./images/220x280-27.webp 1x,
+                ./images/440x560-27.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-28.avif 1x,
+                ./images/440x560-28.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-28.webp"
+              data-srcset="
+                ./images/220x280-28.webp 1x,
+                ./images/440x560-28.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-29.avif 1x,
+                ./images/440x560-29.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-29.webp"
+              data-srcset="
+                ./images/220x280-29.webp 1x,
+                ./images/440x560-29.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-30.avif 1x,
+                ./images/440x560-30.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-30.webp"
+              data-srcset="
+                ./images/220x280-30.webp 1x,
+                ./images/440x560-30.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-31.avif 1x,
+                ./images/440x560-31.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-31.webp"
+              data-srcset="
+                ./images/220x280-31.webp 1x,
+                ./images/440x560-31.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-32.avif 1x,
+                ./images/440x560-32.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-32.webp"
+              data-srcset="
+                ./images/220x280-32.webp 1x,
+                ./images/440x560-32.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-33.avif 1x,
+                ./images/440x560-33.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Cuissardes"
+              width="220"
+              height="280"
+              data-src="./images/220x280-33.webp"
+              data-srcset="
+                ./images/220x280-33.webp 1x,
+                ./images/440x560-33.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-34.avif 1x,
+                ./images/440x560-34.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Décolleté"
+              width="220"
+              height="280"
+              data-src="./images/220x280-34.webp"
+              data-srcset="
+                ./images/220x280-34.webp 1x,
+                ./images/440x560-34.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-35.avif 1x,
+                ./images/440x560-35.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Stivaletti"
+              width="220"
+              height="280"
+              data-src="./images/220x280-35.webp"
+              data-srcset="
+                ./images/220x280-35.webp 1x,
+                ./images/440x560-35.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-36.avif 1x,
+                ./images/440x560-36.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Sneakers &amp; Tennis shoes basse"
+              width="220"
+              height="280"
+              data-src="./images/220x280-36.webp"
+              data-srcset="
+                ./images/220x280-36.webp 1x,
+                ./images/440x560-36.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-37.avif 1x,
+                ./images/440x560-37.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-37.webp"
+              data-srcset="
+                ./images/220x280-37.webp 1x,
+                ./images/440x560-37.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-38.avif 1x,
+                ./images/440x560-38.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Sneakers &amp; Tennis shoes basse"
+              width="220"
+              height="280"
+              data-src="./images/220x280-38.webp"
+              data-srcset="
+                ./images/220x280-38.webp 1x,
+                ./images/440x560-38.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-39.avif 1x,
+                ./images/440x560-39.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-39.webp"
+              data-srcset="
+                ./images/220x280-39.webp 1x,
+                ./images/440x560-39.webp 2x
+              "
+            />
+          </picture>
+        </li>
+        <li>
+          <picture>
+            <source
+              type="image/avif"
+              data-srcset="
+                ./images/220x280-40.avif 1x,
+                ./images/440x560-40.avif 2x
+              "
+            />
+            <img
+              class="lazy"
+              alt="Mocassini"
+              width="220"
+              height="280"
+              data-src="./images/220x280-40.webp"
+              data-srcset="
+                ./images/220x280-40.webp 1x,
+							  ./images/440x560-40.webp 2x
+							"
+            />
+          </picture>
+        </li>
+      </ul>
+    </div>
+    <script src="../dist/lazyload.min.js"></script>
+    <script>
+      (function () {
+        function logElementEvent(eventName, element) {
+          console.log(Date.now(), eventName, element.getAttribute("data-src"));
+        }
+
+        var callback_enter = function (element) {
+          logElementEvent("🔑 ENTERED", element);
+        };
+        var callback_exit = function (element) {
+          logElementEvent("🚪 EXITED", element);
+        };
+        var callback_loading = function (element) {
+          logElementEvent("⌚ LOADING", element);
+        };
+        var callback_loaded = function (element) {
+          logElementEvent("👍 LOADED", element);
+        };
+        var callback_error = function (element) {
+          logElementEvent("💀 ERROR", element);
+          element.src = "./images/440x560-Error.webp";
+        };
+        var callback_finish = function () {
+          logElementEvent("✔️ FINISHED", document.documentElement);
+        };
+        var callback_cancel = function (element) {
+          logElementEvent("🔥 CANCEL", element);
+        };
+
+        ll = new LazyLoad({
+          // Assign the callbacks defined above
+          callback_enter: callback_enter,
+          callback_exit: callback_exit,
+          callback_cancel: callback_cancel,
+          callback_loading: callback_loading,
+          callback_loaded: callback_loaded,
+          callback_error: callback_error,
+          callback_finish: callback_finish
+        });
+      })();
+    </script>
+  </body>
+</html>
diff --git a/demos/picture_type_webp.html b/demos/picture_type_webp.html
deleted file mode 100644
index e6cb5252..00000000
--- a/demos/picture_type_webp.html
+++ /dev/null
@@ -1,439 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head lang="en">
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>
-      Picture with type attribute in source to conditionally load WebP -
-      Lazyload demos
-    </title>
-    <style>
-      body {
-        margin: 0;
-      }
-      ul {
-        display: flex;
-        flex-wrap: wrap;
-      }
-      ul,
-      li {
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-        min-height: 160px;
-      }
-
-      a {
-        display: block;
-        position: relative;
-        padding-bottom: 100%;
-        outline: 1px solid gray;
-      }
-
-      img {
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: block;
-        width: 100%;
-        height: auto;
-        min-width: 10px;
-      }
-
-      img:not([src]) {
-        visibility: hidden;
-      }
-
-      li {
-        width: 50%;
-      }
-
-      @media (min-width: 768px) {
-        li {
-          width: 33.3%;
-        }
-      }
-      @media (min-width: 1024px) {
-        li {
-          width: 25%;
-        }
-      }
-
-      /* Fixes Firefox anomaly during image load */
-
-      @-moz-document url-prefix() {
-        img:-moz-loading {
-          visibility: hidden;
-        }
-      }
-    </style>
-  </head>
-
-  <body>
-    <h1>
-      Picture with type attribute in source to conditionally load WebP demo
-    </h1>
-    <div id="results1" class="results">
-      <ul>
-        <li>
-          <a href="#1">
-            <picture>
-              <source
-                type="image/webp"
-                srcset="
-                  https://via.placeholder.com/256.webp?text=256+WebP+Sneakers 256w,
-                  https://via.placeholder.com/320.webp?text=320+WebP+Sneakers 320w,
-                  https://via.placeholder.com/512.webp?text=512+WebP+Sneakers 512w,
-                  https://via.placeholder.com/640.webp?text=640+WebP+Sneakers 640w,
-                  https://via.placeholder.com/960.webp?text=960+WebP+Sneakers 960w
-                "
-                sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                src="https://via.placeholder.com/256.jpg?text=256+Jpg+Sneakers"
-                srcset="
-                  https://via.placeholder.com/256.jpg?text=256+Jpg+Sneakers 256w,
-                  https://via.placeholder.com/320.jpg?text=320+Jpg+Sneakers 320w,
-                  https://via.placeholder.com/512.jpg?text=512+Jpg+Sneakers 512w,
-                  https://via.placeholder.com/640.jpg?text=640+Jpg+Sneakers 640w,
-                  https://via.placeholder.com/960.jpg?text=960+Jpg+Sneakers 960w
-                "
-                sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Sneakers"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#2">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+OpenToe 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+OpenToe 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+OpenToe 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+OpenToe 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+OpenToe 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+OpenToe"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+OpenToe 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+OpenToe 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+OpenToe 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+OpenToe 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+OpenToe 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Open Toe"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#3">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Stivali 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Stivali 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Stivali 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Stivali 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Stivali 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivali"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivali 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Stivali 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Stivali 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Stivali 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Stivali 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Stivali"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#4">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Stivaletti 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Stivaletti 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Stivaletti 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Stivaletti 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Stivaletti 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivaletti"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivaletti 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Stivaletti 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Stivaletti 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Stivaletti 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Stivaletti 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Stivaletti"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#5">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Decollete 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Decollete 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Decollete 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Decollete 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Decollete 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Decollete"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Decollete 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Decollete 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Decollete 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Decollete 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Decollete 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Decollete"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#6">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Ballerine 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Ballerine 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Ballerine 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Ballerine 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Ballerine 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Ballerine"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Ballerine 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Ballerine 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Ballerine 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Ballerine 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Ballerine 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Ballerine"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#7">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Sneakers+2 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Sneakers+2 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Sneakers+2 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Sneakers+2 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Sneakers+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Sneakers+2"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Sneakers+2 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Sneakers+2 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Sneakers+2 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Sneakers+2 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Sneakers+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Sneakers second"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#8">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+OpenToe+2 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+OpenToe+2 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+OpenToe+2 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+OpenToe+2 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+OpenToe+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+OpenToe+2"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+OpenToe+2 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+OpenToe+2 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+OpenToe+2 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+OpenToe+2 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+OpenToe+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Open Toe second"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#9">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Stivali+2 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Stivali+2 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Stivali+2 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Stivali+2 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Stivali+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivali+2"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivali+2 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Stivali+2 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Stivali+2 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Stivali+2 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Stivali+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Stivali second"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#10">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Stivaletti+2 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Stivaletti+2 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Stivaletti+2 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Stivaletti+2 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Stivaletti+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivaletti+2"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Stivaletti+2 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Stivaletti+2 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Stivaletti+2 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Stivaletti+2 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Stivaletti+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Stivaletti second"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#11">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Decollete+2 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Decollete+2 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Decollete+2 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Decollete+2 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Decollete+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Decollete+2"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Decollete+2 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Decollete+2 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Decollete+2 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Decollete+2 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Decollete+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Decollete second"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-        <li>
-          <a href="#12">
-            <picture>
-              <source
-                type="image/webp"
-                data-srcset="https://via.placeholder.com/256.webp?text=256+WebP+Ballerine+2 256w,
-									https://via.placeholder.com/320.webp?text=320+WebP+Ballerine+2 320w,
-									https://via.placeholder.com/512.webp?text=512+WebP+Ballerine+2 512w,
-									https://via.placeholder.com/640.webp?text=640+WebP+Ballerine+2 640w,
-									https://via.placeholder.com/960.webp?text=960+WebP+Ballerine+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-              />
-              <img
-                data-src="https://via.placeholder.com/256.jpg?text=256+Jpg+Ballerine+2"
-                data-srcset="https://via.placeholder.com/256.jpg?text=256+Jpg+Ballerine+2 256w,
-									https://via.placeholder.com/320.jpg?text=320+Jpg+Ballerine+2 320w,
-									https://via.placeholder.com/512.jpg?text=512+Jpg+Ballerine+2 512w,
-									https://via.placeholder.com/640.jpg?text=640+Jpg+Ballerine+2 640w,
-									https://via.placeholder.com/960.jpg?text=960+Jpg+Ballerine+2 960w"
-                data-sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33.3vw, 50vw"
-                alt="Ballerine second"
-                class="lazy"
-              />
-            </picture>
-          </a>
-        </li>
-      </ul>
-    </div>
-    <script src="../dist/lazyload.min.js"></script>
-    <script>
-      (function () {
-        function logElementEvent(eventName, element) {
-          console.log(Date.now(), eventName, element.getAttribute("data-src"));
-        }
-
-        var callback_enter = function (element) {
-          logElementEvent("🔑 ENTERED", element);
-        };
-        var callback_exit = function (element) {
-          logElementEvent("🚪 EXITED", element);
-        };
-        var callback_loading = function (element) {
-          logElementEvent("⌚ LOADING", element);
-        };
-        var callback_loaded = function (element) {
-          logElementEvent("👍 LOADED", element);
-        };
-        var callback_error = function (element) {
-          logElementEvent("💀 ERROR", element);
-          element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
-        };
-        var callback_finish = function () {
-          logElementEvent("✔️ FINISHED", document.documentElement);
-        };
-        var callback_cancel = function (element) {
-          logElementEvent("🔥 CANCEL", element);
-        };
-
-        ll = new LazyLoad({
-          // Assign the callbacks defined above
-          callback_enter: callback_enter,
-          callback_exit: callback_exit,
-          callback_cancel: callback_cancel,
-          callback_loading: callback_loading,
-          callback_loaded: callback_loaded,
-          callback_error: callback_error,
-          callback_finish: callback_finish
-        });
-      })();
-    </script>
-  </body>
-</html>
diff --git a/demos/popup_layer.html b/demos/popup_layer.html
index 4b362b32..1e87e245 100644
--- a/demos/popup_layer.html
+++ b/demos/popup_layer.html
@@ -48,7 +48,7 @@ <h1>Popup layer demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -57,7 +57,7 @@ <h1>Popup layer demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -67,7 +67,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -77,7 +77,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -87,7 +87,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -97,7 +97,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -107,7 +107,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -117,7 +117,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -127,7 +127,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -137,7 +137,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -147,7 +147,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -157,7 +157,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -167,7 +167,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -177,7 +177,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -187,7 +187,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -197,7 +197,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -207,7 +207,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -217,7 +217,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -227,7 +227,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -237,7 +237,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -247,7 +247,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -257,7 +257,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -267,7 +267,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -277,7 +277,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -287,7 +287,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -297,7 +297,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -307,7 +307,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -317,7 +317,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -327,7 +327,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -337,7 +337,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -347,7 +347,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -357,7 +357,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -367,7 +367,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -377,7 +377,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -387,7 +387,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -397,7 +397,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -407,7 +407,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -417,7 +417,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -427,7 +427,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -437,7 +437,7 @@ <h1>Popup layer demo</h1>
             ><img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -467,7 +467,7 @@ <h1>Popup layer demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-Error.webp";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/print.html b/demos/print.html
index b99ae940..d660c9f4 100644
--- a/demos/print.html
+++ b/demos/print.html
@@ -85,7 +85,7 @@ <h1>Print demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html">
             <img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
             />
@@ -95,7 +95,7 @@ <h1>Print demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html">
             <img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
             />
@@ -105,7 +105,7 @@ <h1>Print demo</h1>
           <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html">
             <img
               alt="Sneakers &amp; Tennis"
-              src="https://via.placeholder.com/440x560?text=Img+03"
+              src="./images/440x560-03.webp"
               width="220"
               height="280"
             />
@@ -116,7 +116,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
             />
@@ -127,7 +127,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
             />
@@ -138,7 +138,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes alte"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
             />
@@ -149,7 +149,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
             />
@@ -160,7 +160,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
             />
@@ -171,7 +171,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
             />
@@ -182,7 +182,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
             />
@@ -193,7 +193,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
             />
@@ -204,7 +204,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
             />
@@ -215,7 +215,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
             />
@@ -226,7 +226,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
             />
@@ -237,7 +237,7 @@ <h1>Print demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
             />
@@ -248,7 +248,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
             />
@@ -259,7 +259,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
             />
@@ -270,7 +270,7 @@ <h1>Print demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
             />
@@ -281,7 +281,7 @@ <h1>Print demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
             />
@@ -292,7 +292,7 @@ <h1>Print demo</h1>
             <img
               alt="Francesine"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
             />
@@ -303,7 +303,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
             />
@@ -314,7 +314,7 @@ <h1>Print demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
             />
@@ -325,7 +325,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
             />
@@ -336,7 +336,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
             />
@@ -347,7 +347,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivali"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
             />
@@ -358,7 +358,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
             />
@@ -369,7 +369,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
             />
@@ -380,7 +380,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
             />
@@ -391,7 +391,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
             />
@@ -402,7 +402,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
             />
@@ -413,7 +413,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
             />
@@ -424,7 +424,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
             />
@@ -435,7 +435,7 @@ <h1>Print demo</h1>
             <img
               alt="Cuissardes"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
             />
@@ -446,7 +446,7 @@ <h1>Print demo</h1>
             <img
               alt="Décolleté"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
             />
@@ -457,7 +457,7 @@ <h1>Print demo</h1>
             <img
               alt="Stivaletti"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
             />
@@ -468,7 +468,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
             />
@@ -479,7 +479,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
             />
@@ -490,7 +490,7 @@ <h1>Print demo</h1>
             <img
               alt="Sneakers &amp; Tennis shoes basse"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
             />
@@ -501,7 +501,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
             />
@@ -512,7 +512,7 @@ <h1>Print demo</h1>
             <img
               alt="Mocassini"
               class="lazy"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
             />
@@ -546,7 +546,7 @@ <h1>Print demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-Error.webp";
       };
       var callback_cancel = function (element) {
         logElementEvent("🔥 CANCEL", element);
diff --git a/demos/restore_destroy.html b/demos/restore_destroy.html
index 01b570d9..1b6ec658 100644
--- a/demos/restore_destroy.html
+++ b/demos/restore_destroy.html
@@ -52,7 +52,7 @@ <h1>Restore and Destroy demo</h1>
           <a href="#/it/donna/stivaletti_cod44721746jj.html"
             ><img
               alt="Stivaletti"
-              src="https://via.placeholder.com/440x560?text=Img+01"
+              src="./images/440x560-01.webp"
               width="220"
               height="280"
           /></a>
@@ -61,7 +61,7 @@ <h1>Restore and Destroy demo</h1>
           <a href="#/it/donna/open-toe_cod44740806jx.html"
             ><img
               alt="Open toe"
-              src="https://via.placeholder.com/440x560?text=Img+02"
+              src="./images/440x560-02.webp"
               width="220"
               height="280"
           /></a>
@@ -71,7 +71,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis"
-              data-src="https://via.placeholder.com/440x560?text=Img+03"
+              data-src="./images/440x560-03.webp"
               width="220"
               height="280"
           /></a>
@@ -81,7 +81,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+04"
+              data-src="./images/440x560-04.webp"
               width="220"
               height="280"
           /></a>
@@ -91,7 +91,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+05"
+              data-src="./images/440x560-05.webp"
               width="220"
               height="280"
           /></a>
@@ -101,7 +101,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes alte"
-              data-src="https://via.placeholder.com/440x560?text=Img+06"
+              data-src="./images/440x560-06.webp"
               width="220"
               height="280"
           /></a>
@@ -111,7 +111,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+07"
+              data-src="./images/440x560-07.webp"
               width="220"
               height="280"
           /></a>
@@ -121,7 +121,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+08"
+              data-src="./images/440x560-08.webp"
               width="220"
               height="280"
           /></a>
@@ -131,7 +131,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+09"
+              data-src="./images/440x560-09.webp"
               width="220"
               height="280"
           /></a>
@@ -141,7 +141,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+10"
+              data-src="./images/440x560-10.webp"
               width="220"
               height="280"
           /></a>
@@ -151,7 +151,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+11"
+              data-src="./images/440x560-11.webp"
               width="220"
               height="280"
           /></a>
@@ -161,7 +161,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+12"
+              data-src="./images/440x560-12.webp"
               width="220"
               height="280"
           /></a>
@@ -171,7 +171,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+13"
+              data-src="./images/440x560-13.webp"
               width="220"
               height="280"
           /></a>
@@ -181,7 +181,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+14"
+              data-src="./images/440x560-14.webp"
               width="220"
               height="280"
           /></a>
@@ -191,7 +191,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+15"
+              data-src="./images/440x560-15.webp"
               width="220"
               height="280"
           /></a>
@@ -201,7 +201,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+16"
+              data-src="./images/440x560-16.webp"
               width="220"
               height="280"
           /></a>
@@ -211,7 +211,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+17"
+              data-src="./images/440x560-17.webp"
               width="220"
               height="280"
           /></a>
@@ -221,7 +221,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+18"
+              data-src="./images/440x560-18.webp"
               width="220"
               height="280"
           /></a>
@@ -231,7 +231,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+19"
+              data-src="./images/440x560-19.webp"
               width="220"
               height="280"
           /></a>
@@ -241,7 +241,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Francesine"
-              data-src="https://via.placeholder.com/440x560?text=Img+20"
+              data-src="./images/440x560-20.webp"
               width="220"
               height="280"
           /></a>
@@ -251,7 +251,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+21"
+              data-src="./images/440x560-21.webp"
               width="220"
               height="280"
           /></a>
@@ -261,7 +261,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+22"
+              data-src="./images/440x560-22.webp"
               width="220"
               height="280"
           /></a>
@@ -271,7 +271,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+23"
+              data-src="./images/440x560-23.webp"
               width="220"
               height="280"
           /></a>
@@ -281,7 +281,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+24"
+              data-src="./images/440x560-24.webp"
               width="220"
               height="280"
           /></a>
@@ -291,7 +291,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivali"
-              data-src="https://via.placeholder.com/440x560?text=Img+25"
+              data-src="./images/440x560-25.webp"
               width="220"
               height="280"
           /></a>
@@ -301,7 +301,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+26"
+              data-src="./images/440x560-26.webp"
               width="220"
               height="280"
           /></a>
@@ -311,7 +311,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+27"
+              data-src="./images/440x560-27.webp"
               width="220"
               height="280"
           /></a>
@@ -321,7 +321,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+28"
+              data-src="./images/440x560-28.webp"
               width="220"
               height="280"
           /></a>
@@ -331,7 +331,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+29"
+              data-src="./images/440x560-29.webp"
               width="220"
               height="280"
           /></a>
@@ -341,7 +341,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+30"
+              data-src="./images/440x560-30.webp"
               width="220"
               height="280"
           /></a>
@@ -351,7 +351,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+31"
+              data-src="./images/440x560-31.webp"
               width="220"
               height="280"
           /></a>
@@ -361,7 +361,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+32"
+              data-src="./images/440x560-32.webp"
               width="220"
               height="280"
           /></a>
@@ -371,7 +371,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Cuissardes"
-              data-src="https://via.placeholder.com/440x560?text=Img+33"
+              data-src="./images/440x560-33.webp"
               width="220"
               height="280"
           /></a>
@@ -381,7 +381,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Décolleté"
-              data-src="https://via.placeholder.com/440x560?text=Img+34"
+              data-src="./images/440x560-34.webp"
               width="220"
               height="280"
           /></a>
@@ -391,7 +391,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Stivaletti"
-              data-src="https://via.placeholder.com/440x560?text=Img+35"
+              data-src="./images/440x560-35.webp"
               width="220"
               height="280"
           /></a>
@@ -401,7 +401,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+36"
+              data-src="./images/440x560-36.webp"
               width="220"
               height="280"
           /></a>
@@ -411,7 +411,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+37"
+              data-src="./images/440x560-37.webp"
               width="220"
               height="280"
           /></a>
@@ -421,7 +421,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Sneakers &amp; Tennis shoes basse"
-              data-src="https://via.placeholder.com/440x560?text=Img+38"
+              data-src="./images/440x560-38.webp"
               width="220"
               height="280"
           /></a>
@@ -431,7 +431,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+39"
+              data-src="./images/440x560-39.webp"
               width="220"
               height="280"
           /></a>
@@ -441,7 +441,7 @@ <h1>Restore and Destroy demo</h1>
             ><img
               class="lazy"
               alt="Mocassini"
-              data-src="https://via.placeholder.com/440x560?text=Img+40"
+              data-src="./images/440x560-40.webp"
               width="220"
               height="280"
           /></a>
@@ -469,7 +469,7 @@ <h1>Restore and Destroy demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/sliders_css_only.html b/demos/sliders_css_only.html
index 0df0466e..adc809b2 100644
--- a/demos/sliders_css_only.html
+++ b/demos/sliders_css_only.html
@@ -1,4 +1,4 @@
-o<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
   <head lang="en">
     <meta charset="UTF-8" />
@@ -59,8 +59,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide">
           <img
             alt="Stivaletti"
-            src="https://via.placeholder.com/220x280?text=S01E01"
-            srcset="https://via.placeholder.com/440x560?text=S01E01 2x"
+            src="./images/220x280-01.webp"
+            srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -68,8 +68,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide">
           <img
             alt="Stivaletti"
-            src="https://via.placeholder.com/220x280?text=S01E02"
-            srcset="https://via.placeholder.com/440x560?text=S01E02 2x"
+            src="./images/220x280-02.webp"
+            srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -77,8 +77,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S01E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S01E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -86,8 +86,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S01E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S01E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -95,8 +95,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S01E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S01E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -110,8 +110,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide">
           <img
             alt="Stivaletti"
-            src="https://via.placeholder.com/220x280?text=S02E01"
-            srcset="https://via.placeholder.com/440x560?text=S02E01 2x"
+            src="./images/220x280-01.webp"
+            srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -119,8 +119,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide">
           <img
             alt="Stivaletti"
-            src="https://via.placeholder.com/220x280?text=S02E02"
-            srcset="https://via.placeholder.com/440x560?text=S02E02 2x"
+            src="./images/220x280-02.webp"
+            srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -128,8 +128,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S02E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -137,8 +137,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S02E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -146,8 +146,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S02E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -161,8 +161,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S03E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -170,8 +170,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S03E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -179,8 +179,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S03E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -188,8 +188,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S03E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -197,8 +197,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S03E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -212,8 +212,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S04E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -221,8 +221,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S04E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -230,8 +230,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S04E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -239,8 +239,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S04E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -248,8 +248,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S04E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -263,8 +263,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S05E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -272,8 +272,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S05E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -281,8 +281,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S05E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -290,8 +290,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S05E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -299,8 +299,8 @@ <h1>Swipey, CSS only</h1>
         <div class="slider-slide slider-slide--lazy">
           <img
             alt="Stivaletti"
-            data-src="https://via.placeholder.com/220x280?text=S05E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
diff --git a/demos/swiper.html b/demos/swiper.html
index 07ddeed6..527a79c0 100644
--- a/demos/swiper.html
+++ b/demos/swiper.html
@@ -52,8 +52,8 @@ <h1>Swiper lazily initialized</h1>
         <div class="swiper-slide">
           <img
             alt="Stivaletti"
-            src="https://via.placeholder.com/220x280?text=S01E01"
-            srcset="https://via.placeholder.com/440x560?text=S01E01 2x"
+            src="./images/220x280-01.webp"
+            srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -61,8 +61,8 @@ <h1>Swiper lazily initialized</h1>
         <div class="swiper-slide">
           <img
             alt="Stivaletti"
-            src="https://via.placeholder.com/220x280?text=S01E02"
-            srcset="https://via.placeholder.com/440x560?text=S01E02 2x"
+            src="./images/220x280-02.webp"
+            srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -71,8 +71,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S01E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S01E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -81,8 +81,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S01E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S01E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -91,8 +91,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S01E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S01E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -109,8 +109,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S02E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -119,8 +119,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S02E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -129,8 +129,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S02E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -139,8 +139,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S02E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -149,8 +149,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S02E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S02E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -167,8 +167,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S03E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -177,8 +177,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S03E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -187,8 +187,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S03E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -197,8 +197,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S03E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -207,8 +207,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S03E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S03E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -225,8 +225,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S04E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -235,8 +235,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S04E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -245,8 +245,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S04E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -255,8 +255,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S04E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -265,8 +265,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S04E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S04E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
@@ -283,8 +283,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S05E01"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E01 2x"
+            data-src="./images/220x280-01.webp"
+            data-srcset="./images/440x560-01.webp 2x"
             width="220"
             height="280"
           />
@@ -293,8 +293,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S05E02"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E02 2x"
+            data-src="./images/220x280-02.webp"
+            data-srcset="./images/440x560-02.webp 2x"
             width="220"
             height="280"
           />
@@ -303,8 +303,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S05E03"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E03 2x"
+            data-src="./images/220x280-03.webp"
+            data-srcset="./images/440x560-03.webp 2x"
             width="220"
             height="280"
           />
@@ -313,8 +313,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S05E04"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E04 2x"
+            data-src="./images/220x280-04.webp"
+            data-srcset="./images/440x560-04.webp 2x"
             width="220"
             height="280"
           />
@@ -323,8 +323,8 @@ <h1>Swiper lazily initialized</h1>
           <img
             alt="Stivaletti"
             class="lazy"
-            data-src="https://via.placeholder.com/220x280?text=S05E05"
-            data-srcset="https://via.placeholder.com/440x560?text=S05E05 2x"
+            data-src="./images/220x280-05.webp"
+            data-srcset="./images/440x560-05.webp 2x"
             width="220"
             height="280"
           />
diff --git a/demos/thresholds.html b/demos/thresholds.html
index 5bebe0e0..09ae2ccf 100644
--- a/demos/thresholds.html
+++ b/demos/thresholds.html
@@ -56,7 +56,7 @@ <h1>Threshold and thresholds demo</h1>
               <a href="#/it/donna/stivaletti_cod44721746jj.html"
                 ><img
                   alt="Stivaletti"
-                  src="https://via.placeholder.com/440x560?text=Img+01"
+                  src="./images/440x560-01.webp"
                   width="220"
                   height="280"
               /></a>
@@ -65,7 +65,7 @@ <h1>Threshold and thresholds demo</h1>
               <a href="#/it/donna/open-toe_cod44740806jx.html"
                 ><img
                   alt="Open toe"
-                  src="https://via.placeholder.com/440x560?text=Img+02"
+                  src="./images/440x560-02.webp"
                   width="220"
                   height="280"
               /></a>
@@ -76,7 +76,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+03"
+                  data-src="./images/440x560-03.webp"
                   width="220"
                   height="280"
               /></a>
@@ -87,7 +87,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes basse"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+04"
+                  data-src="./images/440x560-04.webp"
                   width="220"
                   height="280"
               /></a>
@@ -97,7 +97,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes alte"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+05"
+                  data-src="./images/440x560-05.webp"
                   width="220"
                   height="280"
               /></a>
@@ -107,7 +107,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes alte"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+06"
+                  data-src="./images/440x560-06.webp"
                   width="220"
                   height="280"
               /></a>
@@ -118,7 +118,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes basse"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+07"
+                  data-src="./images/440x560-07.webp"
                   width="220"
                   height="280"
               /></a>
@@ -129,7 +129,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes basse"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+08"
+                  data-src="./images/440x560-08.webp"
                   width="220"
                   height="280"
               /></a>
@@ -139,7 +139,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivali"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+09"
+                  data-src="./images/440x560-09.webp"
                   width="220"
                   height="280"
               /></a>
@@ -149,7 +149,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivali"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+10"
+                  data-src="./images/440x560-10.webp"
                   width="220"
                   height="280"
               /></a>
@@ -159,7 +159,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+11"
+                  data-src="./images/440x560-11.webp"
                   width="220"
                   height="280"
               /></a>
@@ -169,7 +169,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+12"
+                  data-src="./images/440x560-12.webp"
                   width="220"
                   height="280"
               /></a>
@@ -185,7 +185,7 @@ <h1>Threshold and thresholds demo</h1>
               <a href="#/it/donna/francesine_cod44717679mj.html"
                 ><img
                   alt="Francesine"
-                  src="https://via.placeholder.com/440x560?text=Img+13"
+                  src="./images/440x560-13.webp"
                   width="220"
                   height="280"
               /></a>
@@ -194,7 +194,7 @@ <h1>Threshold and thresholds demo</h1>
               <a href="#/it/donna/stivaletti_cod44724594vu.html"
                 ><img
                   alt="Stivaletti"
-                  src="https://via.placeholder.com/440x560?text=Img+14"
+                  src="./images/440x560-14.webp"
                   width="220"
                   height="280"
               /></a>
@@ -204,7 +204,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Décolleté"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+15"
+                  data-src="./images/440x560-15.webp"
                   width="220"
                   height="280"
               /></a>
@@ -214,7 +214,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+16"
+                  data-src="./images/440x560-16.webp"
                   width="220"
                   height="280"
               /></a>
@@ -224,7 +224,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+17"
+                  data-src="./images/440x560-17.webp"
                   width="220"
                   height="280"
               /></a>
@@ -234,7 +234,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivali"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+18"
+                  data-src="./images/440x560-18.webp"
                   width="220"
                   height="280"
               /></a>
@@ -244,7 +244,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+19"
+                  data-src="./images/440x560-19.webp"
                   width="220"
                   height="280"
               /></a>
@@ -254,7 +254,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+20"
+                  data-src="./images/440x560-20.webp"
                   width="220"
                   height="280"
               /></a>
@@ -264,7 +264,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+21"
+                  data-src="./images/440x560-21.webp"
                   width="220"
                   height="280"
               /></a>
@@ -274,7 +274,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+22"
+                  data-src="./images/440x560-22.webp"
                   width="220"
                   height="280"
               /></a>
@@ -284,7 +284,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+23"
+                  data-src="./images/440x560-23.webp"
                   width="220"
                   height="280"
               /></a>
@@ -294,7 +294,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+24"
+                  data-src="./images/440x560-24.webp"
                   width="220"
                   height="280"
               /></a>
@@ -304,7 +304,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+25"
+                  data-src="./images/440x560-25.webp"
                   width="220"
                   height="280"
               /></a>
@@ -314,7 +314,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Cuissardes"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+26"
+                  data-src="./images/440x560-26.webp"
                   width="220"
                   height="280"
               /></a>
@@ -330,7 +330,7 @@ <h1>Threshold and thresholds demo</h1>
               <a href="#/it/donna/decollete_cod44725388jv.html"
                 ><img
                   alt="Décolleté"
-                  src="https://via.placeholder.com/440x560?text=Img+27"
+                  src="./images/440x560-27.webp"
                   width="220"
                   height="280"
               /></a>
@@ -339,7 +339,7 @@ <h1>Threshold and thresholds demo</h1>
               <a href="#/it/donna/stivaletti_cod44721854ce.html"
                 ><img
                   alt="Stivaletti"
-                  src="https://via.placeholder.com/440x560?text=Img+28"
+                  src="./images/440x560-28.webp"
                   width="220"
                   height="280"
               /></a>
@@ -350,7 +350,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes basse"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+29"
+                  data-src="./images/440x560-29.webp"
                   width="220"
                   height="280"
               /></a>
@@ -360,7 +360,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+30"
+                  data-src="./images/440x560-30.webp"
                   width="220"
                   height="280"
               /></a>
@@ -371,7 +371,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Sneakers &amp; Tennis shoes basse"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+31"
+                  data-src="./images/440x560-31.webp"
                   width="220"
                   height="280"
               /></a>
@@ -381,7 +381,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+32"
+                  data-src="./images/440x560-32.webp"
                   width="220"
                   height="280"
               /></a>
@@ -391,7 +391,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+33"
+                  data-src="./images/440x560-33.webp"
                   width="220"
                   height="280"
               /></a>
@@ -401,7 +401,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivali"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+34"
+                  data-src="./images/440x560-34.webp"
                   width="220"
                   height="280"
               /></a>
@@ -411,7 +411,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+35"
+                  data-src="./images/440x560-35.webp"
                   width="220"
                   height="280"
               /></a>
@@ -421,7 +421,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Décolleté"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+36"
+                  data-src="./images/440x560-36.webp"
                   width="220"
                   height="280"
               /></a>
@@ -431,7 +431,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Mocassini"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+37"
+                  data-src="./images/440x560-37.webp"
                   width="220"
                   height="280"
               /></a>
@@ -441,7 +441,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Stivaletti"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+38"
+                  data-src="./images/440x560-38.webp"
                   width="220"
                   height="280"
               /></a>
@@ -451,7 +451,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Décolleté"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+39"
+                  data-src="./images/440x560-39.webp"
                   width="220"
                   height="280"
               /></a>
@@ -461,7 +461,7 @@ <h1>Threshold and thresholds demo</h1>
                 ><img
                   alt="Décolleté"
                   class="lazy"
-                  data-src="https://via.placeholder.com/440x560?text=Img+40"
+                  data-src="./images/440x560-40.webp"
                   width="220"
                   height="280"
               /></a>
@@ -492,7 +492,7 @@ <h1>Threshold and thresholds demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/video.html b/demos/video.html
index a69987de..e3a330a2 100644
--- a/demos/video.html
+++ b/demos/video.html
@@ -28,15 +28,12 @@ <h2>Preload = none</h2>
       controls
       preload="none"
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-01.mp4"
+      data-poster="./videos/1920x1080-01.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-01.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-01.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-01.avi" />
     </video>
 
     <h2>Preload = metadata</h2>
@@ -45,15 +42,12 @@ <h2>Preload = metadata</h2>
       preload="metadata"
       controls
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-02.mp4"
+      data-poster="./videos/1920x1080-02.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-02.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-02.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-02.avi" />
     </video>
 
     <h2>Preload = auto</h2>
@@ -62,17 +56,14 @@ <h2>Preload = auto</h2>
       preload="auto"
       controls
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-03.mp4"
+      data-poster="./videos/1920x1080-03.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-03.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-03.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-03.avi" />
     </video>
-    
+
     <script src="../dist/lazyload.min.js"></script>
     <script>
       (function () {
@@ -94,7 +85,7 @@ <h2>Preload = auto</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/video_autoplay.html b/demos/video_autoplay.html
index fc52366c..2a57fda6 100644
--- a/demos/video_autoplay.html
+++ b/demos/video_autoplay.html
@@ -29,15 +29,12 @@ <h2>Preload = none</h2>
       autoplay
       preload="none"
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-01.mp4"
+      data-poster="./videos/1920x1080-01.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-01.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-01.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-01.avi" />
     </video>
 
     <h2>Preload = metadata</h2>
@@ -47,15 +44,12 @@ <h2>Preload = metadata</h2>
       controls
       autoplay
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-02.mp4"
+      data-poster="./videos/1920x1080-02.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-02.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-02.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-02.avi" />
     </video>
 
     <h2>Preload = auto</h2>
@@ -65,15 +59,12 @@ <h2>Preload = auto</h2>
       controls
       autoplay
       width="620"
-      data-src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
-      data-poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
+      data-src="./videos/1920x1080-03.mp4"
+      data-poster="./videos/1920x1080-03.webp"
     >
-      <source
-        type="video/mp4"
-        data-src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
-      />
-      <source type="video/ogg" data-src="https://archive.org/download/ElephantsDream/ed_hd.ogv" />
-      <source type="video/avi" data-src="https://archive.org/download/ElephantsDream/ed_hd.avi" />
+      <source type="video/mp4" data-src="./videos/1920x1080-03.mp4" />
+      <source type="video/ogg" data-src="./videos/1920x1080-03.ogv" />
+      <source type="video/avi" data-src="./videos/1920x1080-03.avi" />
     </video>
 
     <script src="../dist/lazyload.min.js"></script>
@@ -97,7 +88,7 @@ <h2>Preload = auto</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-Error.webp";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/videos/1920x1080-01.mp4 b/demos/videos/1920x1080-01.mp4
new file mode 100644
index 00000000..25e98c72
Binary files /dev/null and b/demos/videos/1920x1080-01.mp4 differ
diff --git a/demos/videos/1920x1080-01.webp b/demos/videos/1920x1080-01.webp
new file mode 100644
index 00000000..52656b59
Binary files /dev/null and b/demos/videos/1920x1080-01.webp differ
diff --git a/demos/videos/1920x1080-02.mp4 b/demos/videos/1920x1080-02.mp4
new file mode 100644
index 00000000..969240fa
Binary files /dev/null and b/demos/videos/1920x1080-02.mp4 differ
diff --git a/demos/videos/1920x1080-02.webp b/demos/videos/1920x1080-02.webp
new file mode 100644
index 00000000..54e7e3a8
Binary files /dev/null and b/demos/videos/1920x1080-02.webp differ
diff --git a/demos/videos/1920x1080-03.mp4 b/demos/videos/1920x1080-03.mp4
new file mode 100644
index 00000000..36e0aa86
Binary files /dev/null and b/demos/videos/1920x1080-03.mp4 differ
diff --git a/demos/videos/1920x1080-03.webp b/demos/videos/1920x1080-03.webp
new file mode 100644
index 00000000..a39ec1b0
Binary files /dev/null and b/demos/videos/1920x1080-03.webp differ
diff --git a/jest.config.cjs b/jest.config.cjs
index 064069a0..fd77b70c 100644
--- a/jest.config.cjs
+++ b/jest.config.cjs
@@ -1,6 +1,10 @@
-// jest.config.js
+/** @type {import('jest').Config} */
 module.exports = {
-  //verbose: true,
-  testMatch: ["**/__tests__/*.js"],
-  testEnvironment: "jsdom"
+  verbose: true,
+  testMatch: ["<rootDir>/tests/unit/**/*.test.js"],
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'src/**/*.js',
+  ]
 };
diff --git a/package-lock.json b/package-lock.json
index e6802713..9468b834 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,19 +1,23 @@
 {
   "name": "vanilla-lazyload",
-  "version": "19.0.5",
+  "version": "19.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "vanilla-lazyload",
-      "version": "19.0.5",
+      "version": "19.1.0",
       "license": "MIT",
       "devDependencies": {
         "@babel/core": "^7.24.3",
         "@babel/preset-env": "^7.24.3",
+        "@jest/globals": "^29.7.0",
+        "@playwright/test": "^1.42.1",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-node-resolve": "^15.2.3",
         "@rollup/plugin-terser": "^0.4.4",
+        "@types/node": "^20.12.2",
+        "http-server": "^14.1.1",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
         "rollup": "^4.13.1"
@@ -2479,6 +2483,21 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.42.1.tgz",
+      "integrity": "sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==",
+      "dev": true,
+      "dependencies": {
+        "playwright": "1.42.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/@rollup/plugin-babel": {
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-6.0.4.tgz",
@@ -2881,10 +2900,13 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "16.9.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.4.tgz",
-      "integrity": "sha512-KDazLNYAGIuJugdbULwFZULF9qQ13yNWEBFnfVpqlpgAAo6H/qnM9RjBgh0A0kmHf3XxAKLdN5mTIng9iUvVLA==",
-      "dev": true
+      "version": "20.12.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.2.tgz",
+      "integrity": "sha512-zQ0NYO87hyN6Xrclcqp7f8ZbXNbRfoGWNcMvHTPQp9UUrwI0mI7XBz+cu7/W6/VClYo2g63B0cjull/srU7LgQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
     },
     "node_modules/@types/resolve": {
       "version": "1.20.2",
@@ -2957,18 +2979,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
-      "dependencies": {
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -3027,6 +3037,15 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "node_modules/async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -3255,6 +3274,24 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "5.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/basic-auth/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -3336,6 +3373,25 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -3506,6 +3562,15 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/corser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+      "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/create-jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
@@ -3617,42 +3682,10 @@
       "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
       "dev": true
     },
-    "node_modules/cssstyle": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
-      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
-      "dev": true,
-      "dependencies": {
-        "cssom": "~0.3.6"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cssstyle/node_modules/cssom": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
-      "dev": true
-    },
-    "node_modules/data-urls": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
-      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
-      "dev": true,
-      "dependencies": {
-        "abab": "^2.0.6",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/debug": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
-      "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
       "dev": true,
       "dependencies": {
         "ms": "2.1.2"
@@ -3695,6 +3728,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -3780,6 +3830,27 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
@@ -3856,6 +3927,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
     "node_modules/execa": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
@@ -3944,6 +4021,26 @@
         "node": ">=8"
       }
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
@@ -4005,6 +4102,25 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/get-package-type": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
@@ -4055,6 +4171,18 @@
         "node": ">=4"
       }
     },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -4070,6 +4198,42 @@
         "node": ">=4"
       }
     },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -4082,16 +4246,13 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/html-encoding-sniffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true,
-      "dependencies": {
-        "whatwg-encoding": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
+      "bin": {
+        "he": "bin/he"
       }
     },
     "node_modules/html-escaper": {
@@ -4100,86 +4261,194 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
-    "node_modules/http-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
       "dev": true,
       "dependencies": {
-        "@tootallnate/once": "2",
-        "agent-base": "6",
-        "debug": "4"
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
       },
       "engines": {
-        "node": ">= 6"
+        "node": ">=8.0.0"
       }
     },
-    "node_modules/https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+    "node_modules/http-server": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+      "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
       "dev": true,
       "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
+        "basic-auth": "^2.0.1",
+        "chalk": "^4.1.2",
+        "corser": "^2.0.1",
+        "he": "^1.2.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy": "^1.18.1",
+        "mime": "^1.6.0",
+        "minimist": "^1.2.6",
+        "opener": "^1.5.1",
+        "portfinder": "^1.0.28",
+        "secure-compare": "3.0.1",
+        "union": "~0.5.0",
+        "url-join": "^4.0.1"
+      },
+      "bin": {
+        "http-server": "bin/http-server"
       },
       "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
+        "node": ">=12"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+    "node_modules/http-server/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
       "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/import-local": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
-      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+    "node_modules/http-server/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
       "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+    "node_modules/http-server/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
       "engines": {
-        "node": ">=0.8.19"
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+    "node_modules/http-server/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/http-server/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/http-server/node_modules/html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/http-server/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/http-server/node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "dev": true,
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "dev": true,
       "dependencies": {
         "once": "^1.3.0",
@@ -4971,6 +5240,201 @@
         }
       }
     },
+    "node_modules/jest-environment-jsdom/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "dev": true,
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "dev": true
+    },
+    "node_modules/jest-environment-jsdom/node_modules/data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "dev": true,
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/jsdom": {
+      "version": "20.0.3",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
+      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "acorn": "^8.8.1",
+        "acorn-globals": "^7.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.2",
+        "decimal.js": "^10.4.2",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.2",
+        "parse5": "^7.1.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.2",
+        "w3c-xmlserializer": "^4.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0",
+        "ws": "^8.11.0",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/w3c-xmlserializer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
+      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
+      "dev": true,
+      "dependencies": {
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jest-environment-jsdom/node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/jest-environment-node": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
@@ -6065,51 +6529,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/jsdom": {
-      "version": "20.0.3",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
-      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
-      "dev": true,
-      "dependencies": {
-        "abab": "^2.0.6",
-        "acorn": "^8.8.1",
-        "acorn-globals": "^7.0.0",
-        "cssom": "^0.5.0",
-        "cssstyle": "^2.3.0",
-        "data-urls": "^3.0.2",
-        "decimal.js": "^10.4.2",
-        "domexception": "^4.0.0",
-        "escodegen": "^2.0.0",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^3.0.0",
-        "http-proxy-agent": "^5.0.0",
-        "https-proxy-agent": "^5.0.1",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.2",
-        "parse5": "^7.1.1",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.1.2",
-        "w3c-xmlserializer": "^4.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^2.0.0",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0",
-        "ws": "^8.11.0",
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
@@ -6176,6 +6595,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -6267,6 +6692,18 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -6303,10 +6740,31 @@
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
       },
-      "engines": {
-        "node": "*"
+      "bin": {
+        "mkdirp": "bin/cmd.js"
       }
     },
     "node_modules/ms": {
@@ -6360,6 +6818,15 @@
       "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
       "dev": true
     },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -6384,6 +6851,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true,
+      "bin": {
+        "opener": "bin/opener-bin.js"
+      }
+    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -6537,6 +7013,59 @@
         "node": ">=8"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.42.1.tgz",
+      "integrity": "sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==",
+      "dev": true,
+      "dependencies": {
+        "playwright-core": "1.42.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.42.1.tgz",
+      "integrity": "sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==",
+      "dev": true,
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/portfinder": {
+      "version": "1.0.32",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+      "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+      "dev": true,
+      "dependencies": {
+        "async": "^2.6.4",
+        "debug": "^3.2.7",
+        "mkdirp": "^0.5.6"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/portfinder/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
     "node_modules/pretty-format": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
@@ -6607,6 +7136,21 @@
         }
       ]
     },
+    "node_modules/qs": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.0.tgz",
+      "integrity": "sha512-trVZiI6RMOkO476zLGaBIzszOdFPnCCXHPG9kn0yuS1uz6xdVxPfZdB3vUig9pxPFDM9BRAgz/YUIVQ1/vuiUg==",
+      "dev": true,
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -6832,6 +7376,12 @@
         "node": ">=v12.22.7"
       }
     },
+    "node_modules/secure-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+      "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
+      "dev": true
+    },
     "node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -6850,6 +7400,23 @@
         "randombytes": "^2.1.0"
       }
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -6871,6 +7438,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -7117,18 +7702,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/tr46": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/type-detect": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
@@ -7150,6 +7723,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -7190,6 +7769,18 @@
         "node": ">=4"
       }
     },
+    "node_modules/union": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+      "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+      "dev": true,
+      "dependencies": {
+        "qs": "^6.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/universalify": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
@@ -7229,6 +7820,12 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+      "dev": true
+    },
     "node_modules/url-parse": {
       "version": "1.5.10",
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
@@ -7253,18 +7850,6 @@
         "node": ">=10.12.0"
       }
     },
-    "node_modules/w3c-xmlserializer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
-      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
-      "dev": true,
-      "dependencies": {
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/walker": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
@@ -7283,40 +7868,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/whatwg-encoding": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-      "dev": true,
-      "dependencies": {
-        "iconv-lite": "0.6.3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-mimetype": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
-      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-url": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
-      "dev": true,
-      "dependencies": {
-        "tr46": "^3.0.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -7422,15 +7973,6 @@
         }
       }
     },
-    "node_modules/xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/xmlchars": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
@@ -9240,6 +9782,15 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "@playwright/test": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.42.1.tgz",
+      "integrity": "sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==",
+      "dev": true,
+      "requires": {
+        "playwright": "1.42.1"
+      }
+    },
     "@rollup/plugin-babel": {
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-6.0.4.tgz",
@@ -9506,10 +10057,13 @@
       }
     },
     "@types/node": {
-      "version": "16.9.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.4.tgz",
-      "integrity": "sha512-KDazLNYAGIuJugdbULwFZULF9qQ13yNWEBFnfVpqlpgAAo6H/qnM9RjBgh0A0kmHf3XxAKLdN5mTIng9iUvVLA==",
-      "dev": true
+      "version": "20.12.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.2.tgz",
+      "integrity": "sha512-zQ0NYO87hyN6Xrclcqp7f8ZbXNbRfoGWNcMvHTPQp9UUrwI0mI7XBz+cu7/W6/VClYo2g63B0cjull/srU7LgQ==",
+      "dev": true,
+      "requires": {
+        "undici-types": "~5.26.4"
+      }
     },
     "@types/resolve": {
       "version": "1.20.2",
@@ -9572,15 +10126,6 @@
       "integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==",
       "dev": true
     },
-    "agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
-      "requires": {
-        "debug": "4"
-      }
-    },
     "ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -9624,6 +10169,15 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.14"
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -9802,6 +10356,23 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.2"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        }
+      }
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -9854,6 +10425,19 @@
       "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
       "dev": true
     },
+    "call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dev": true,
+      "requires": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      }
+    },
     "callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -9975,6 +10559,12 @@
         "browserslist": "^4.23.0"
       }
     },
+    "corser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+      "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+      "dev": true
+    },
     "create-jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
@@ -10058,38 +10648,10 @@
       "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
       "dev": true
     },
-    "cssstyle": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
-      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
-      "dev": true,
-      "requires": {
-        "cssom": "~0.3.6"
-      },
-      "dependencies": {
-        "cssom": {
-          "version": "0.3.8",
-          "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-          "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
-          "dev": true
-        }
-      }
-    },
-    "data-urls": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
-      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
-      "dev": true,
-      "requires": {
-        "abab": "^2.0.6",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0"
-      }
-    },
     "debug": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
-      "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
       "dev": true,
       "requires": {
         "ms": "2.1.2"
@@ -10114,6 +10676,17 @@
       "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
       "dev": true
     },
+    "define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "requires": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      }
+    },
     "delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -10174,6 +10747,21 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.4"
+      }
+    },
+    "es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true
+    },
     "escalade": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
@@ -10222,6 +10810,12 @@
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true
     },
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
     "execa": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
@@ -10292,6 +10886,12 @@
         "path-exists": "^4.0.0"
       }
     },
+    "follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "dev": true
+    },
     "form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
@@ -10334,6 +10934,19 @@
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "dev": true
     },
+    "get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dev": true,
+      "requires": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      }
+    },
     "get-package-type": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
@@ -10366,6 +10979,15 @@
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
       "dev": true
     },
+    "gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.3"
+      }
+    },
     "graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -10378,6 +11000,27 @@
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
       "dev": true
     },
+    "has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "requires": {
+        "es-define-property": "^1.0.0"
+      }
+    },
+    "has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "dev": true
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true
+    },
     "hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -10387,14 +11030,11 @@
         "function-bind": "^1.1.2"
       }
     },
-    "html-encoding-sniffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-      "dev": true,
-      "requires": {
-        "whatwg-encoding": "^2.0.0"
-      }
+    "he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true
     },
     "html-escaper": {
       "version": "2.0.2",
@@ -10402,25 +11042,105 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
-    "http-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+    "http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
       "dev": true,
       "requires": {
-        "@tootallnate/once": "2",
-        "agent-base": "6",
-        "debug": "4"
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
       }
     },
-    "https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+    "http-server": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+      "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
       "dev": true,
       "requires": {
-        "agent-base": "6",
-        "debug": "4"
+        "basic-auth": "^2.0.1",
+        "chalk": "^4.1.2",
+        "corser": "^2.0.1",
+        "he": "^1.2.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy": "^1.18.1",
+        "mime": "^1.6.0",
+        "minimist": "^1.2.6",
+        "opener": "^1.5.1",
+        "portfinder": "^1.0.28",
+        "secure-compare": "3.0.1",
+        "union": "~0.5.0",
+        "url-join": "^4.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "html-encoding-sniffer": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+          "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+          "dev": true,
+          "requires": {
+            "whatwg-encoding": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "whatwg-encoding": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+          "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+          "dev": true,
+          "requires": {
+            "iconv-lite": "0.6.3"
+          }
+        }
       }
     },
     "human-signals": {
@@ -11033,6 +11753,158 @@
         "jest-mock": "^29.7.0",
         "jest-util": "^29.7.0",
         "jsdom": "^20.0.0"
+      },
+      "dependencies": {
+        "agent-base": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+          "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+          "dev": true,
+          "requires": {
+            "debug": "4"
+          }
+        },
+        "cssstyle": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+          "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+          "dev": true,
+          "requires": {
+            "cssom": "~0.3.6"
+          },
+          "dependencies": {
+            "cssom": {
+              "version": "0.3.8",
+              "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+              "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+              "dev": true
+            }
+          }
+        },
+        "data-urls": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
+          "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+          "dev": true,
+          "requires": {
+            "abab": "^2.0.6",
+            "whatwg-mimetype": "^3.0.0",
+            "whatwg-url": "^11.0.0"
+          }
+        },
+        "html-encoding-sniffer": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+          "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+          "dev": true,
+          "requires": {
+            "whatwg-encoding": "^2.0.0"
+          }
+        },
+        "http-proxy-agent": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+          "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+          "dev": true,
+          "requires": {
+            "@tootallnate/once": "2",
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "https-proxy-agent": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+          "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+          "dev": true,
+          "requires": {
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "jsdom": {
+          "version": "20.0.3",
+          "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
+          "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
+          "dev": true,
+          "requires": {
+            "abab": "^2.0.6",
+            "acorn": "^8.8.1",
+            "acorn-globals": "^7.0.0",
+            "cssom": "^0.5.0",
+            "cssstyle": "^2.3.0",
+            "data-urls": "^3.0.2",
+            "decimal.js": "^10.4.2",
+            "domexception": "^4.0.0",
+            "escodegen": "^2.0.0",
+            "form-data": "^4.0.0",
+            "html-encoding-sniffer": "^3.0.0",
+            "http-proxy-agent": "^5.0.0",
+            "https-proxy-agent": "^5.0.1",
+            "is-potential-custom-element-name": "^1.0.1",
+            "nwsapi": "^2.2.2",
+            "parse5": "^7.1.1",
+            "saxes": "^6.0.0",
+            "symbol-tree": "^3.2.4",
+            "tough-cookie": "^4.1.2",
+            "w3c-xmlserializer": "^4.0.0",
+            "webidl-conversions": "^7.0.0",
+            "whatwg-encoding": "^2.0.0",
+            "whatwg-mimetype": "^3.0.0",
+            "whatwg-url": "^11.0.0",
+            "ws": "^8.11.0",
+            "xml-name-validator": "^4.0.0"
+          }
+        },
+        "tr46": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+          "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+          "dev": true,
+          "requires": {
+            "punycode": "^2.1.1"
+          }
+        },
+        "w3c-xmlserializer": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
+          "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
+          "dev": true,
+          "requires": {
+            "xml-name-validator": "^4.0.0"
+          }
+        },
+        "whatwg-encoding": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+          "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+          "dev": true,
+          "requires": {
+            "iconv-lite": "0.6.3"
+          }
+        },
+        "whatwg-mimetype": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+          "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+          "dev": true
+        },
+        "whatwg-url": {
+          "version": "11.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+          "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+          "dev": true,
+          "requires": {
+            "tr46": "^3.0.0",
+            "webidl-conversions": "^7.0.0"
+          }
+        },
+        "xml-name-validator": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+          "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+          "dev": true
+        }
       }
     },
     "jest-environment-node": {
@@ -11863,40 +12735,6 @@
         "esprima": "^4.0.0"
       }
     },
-    "jsdom": {
-      "version": "20.0.3",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
-      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
-      "dev": true,
-      "requires": {
-        "abab": "^2.0.6",
-        "acorn": "^8.8.1",
-        "acorn-globals": "^7.0.0",
-        "cssom": "^0.5.0",
-        "cssstyle": "^2.3.0",
-        "data-urls": "^3.0.2",
-        "decimal.js": "^10.4.2",
-        "domexception": "^4.0.0",
-        "escodegen": "^2.0.0",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^3.0.0",
-        "http-proxy-agent": "^5.0.0",
-        "https-proxy-agent": "^5.0.1",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.2",
-        "parse5": "^7.1.1",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.1.2",
-        "w3c-xmlserializer": "^4.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^2.0.0",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0",
-        "ws": "^8.11.0",
-        "xml-name-validator": "^4.0.0"
-      }
-    },
     "jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
@@ -11942,6 +12780,12 @@
         "p-locate": "^4.1.0"
       }
     },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -12017,6 +12861,12 @@
         "picomatch": "^2.3.1"
       }
     },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true
+    },
     "mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -12047,6 +12897,21 @@
         "brace-expansion": "^1.1.7"
       }
     },
+    "minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true
+    },
+    "mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.6"
+      }
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -12092,6 +12957,12 @@
       "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
       "dev": true
     },
+    "object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true
+    },
     "once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -12110,6 +12981,12 @@
         "mimic-fn": "^2.1.0"
       }
     },
+    "opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true
+    },
     "p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -12217,6 +13094,44 @@
         "find-up": "^4.0.0"
       }
     },
+    "playwright": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.42.1.tgz",
+      "integrity": "sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==",
+      "dev": true,
+      "requires": {
+        "fsevents": "2.3.2",
+        "playwright-core": "1.42.1"
+      }
+    },
+    "playwright-core": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.42.1.tgz",
+      "integrity": "sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==",
+      "dev": true
+    },
+    "portfinder": {
+      "version": "1.0.32",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+      "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.4",
+        "debug": "^3.2.7",
+        "mkdirp": "^0.5.6"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
     "pretty-format": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
@@ -12264,6 +13179,15 @@
       "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
       "dev": true
     },
+    "qs": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.0.tgz",
+      "integrity": "sha512-trVZiI6RMOkO476zLGaBIzszOdFPnCCXHPG9kn0yuS1uz6xdVxPfZdB3vUig9pxPFDM9BRAgz/YUIVQ1/vuiUg==",
+      "dev": true,
+      "requires": {
+        "side-channel": "^1.0.6"
+      }
+    },
     "querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -12435,6 +13359,12 @@
         "xmlchars": "^2.2.0"
       }
     },
+    "secure-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+      "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
+      "dev": true
+    },
     "semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -12450,6 +13380,20 @@
         "randombytes": "^2.1.0"
       }
     },
+    "set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      }
+    },
     "shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -12465,6 +13409,18 @@
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true
     },
+    "side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      }
+    },
     "signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -12653,15 +13609,6 @@
         "url-parse": "^1.5.3"
       }
     },
-    "tr46": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.1"
-      }
-    },
     "type-detect": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
@@ -12674,6 +13621,12 @@
       "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
       "dev": true
     },
+    "undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -12702,6 +13655,15 @@
       "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
       "dev": true
     },
+    "union": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+      "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+      "dev": true,
+      "requires": {
+        "qs": "^6.4.0"
+      }
+    },
     "universalify": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
@@ -12718,6 +13680,12 @@
         "picocolors": "^1.0.0"
       }
     },
+    "url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+      "dev": true
+    },
     "url-parse": {
       "version": "1.5.10",
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
@@ -12739,15 +13707,6 @@
         "convert-source-map": "^2.0.0"
       }
     },
-    "w3c-xmlserializer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
-      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
-      "dev": true,
-      "requires": {
-        "xml-name-validator": "^4.0.0"
-      }
-    },
     "walker": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
@@ -12763,31 +13722,6 @@
       "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
       "dev": true
     },
-    "whatwg-encoding": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-      "dev": true,
-      "requires": {
-        "iconv-lite": "0.6.3"
-      }
-    },
-    "whatwg-mimetype": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
-      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true
-    },
-    "whatwg-url": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
-      "dev": true,
-      "requires": {
-        "tr46": "^3.0.0",
-        "webidl-conversions": "^7.0.0"
-      }
-    },
     "which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -12857,12 +13791,6 @@
       "dev": true,
       "requires": {}
     },
-    "xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true
-    },
     "xmlchars": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
diff --git a/package.json b/package.json
index 97942244..154db278 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vanilla-lazyload",
-  "version": "19.0.5",
+  "version": "19.1.0",
   "description": "LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain \"vanilla\" JavaScript, it leverages the IntersectionObserver API, it supports responsive images, it optimizes your website for slower connections, and can enable native lazy loading.",
   "main": "dist/lazyload.min.js",
   "module": "dist/esm/lazyload.js",
@@ -10,18 +10,26 @@
   "devDependencies": {
     "@babel/core": "^7.24.3",
     "@babel/preset-env": "^7.24.3",
+    "@jest/globals": "^29.7.0",
+    "@playwright/test": "^1.42.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "jest-environment-jsdom": "^29.7.0",
+    "@types/node": "^20.12.2",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "http-server": "^14.1.1",
     "rollup": "^4.13.1"
   },
   "scripts": {
+    "serve": "npx http-server -p 4200",
     "build": "rollup -c",
     "dev": "rollup -c --watch",
-    "test": "jest",
-    "devtest": "jest --watch"
+    "test": "npm run test:unit && npm run test:e2e",
+    "test:unit": "jest",
+    "watch-test:unit": "jest --watch",
+    "test:e2e": "playwright test",
+    "test-watch:e2e": "npx playwright test --ui"
   },
   "files": [
     "dist",
diff --git a/playwright.config.js b/playwright.config.js
new file mode 100644
index 00000000..040a6a9b
--- /dev/null
+++ b/playwright.config.js
@@ -0,0 +1,69 @@
+// @ts-check
+const { defineConfig, devices } = require('@playwright/test');
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+module.exports = defineConfig({
+  testDir: './tests/e2e',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://127.0.0.1:4200/',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    {
+      name: 'Mobile Chrome',
+      use: { ...devices['Pixel 5'] },
+    },
+    {
+      name: 'Mobile Safari',
+      use: { ...devices['iPhone 12'] },
+    },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'npm run serve',
+    url: 'http://127.0.0.1:4200',
+    reuseExistingServer: !process.env.CI,
+  },
+});
+
diff --git a/tests/e2e/background_image.spec.js b/tests/e2e/background_image.spec.js
new file mode 100644
index 00000000..bc3e5682
--- /dev/null
+++ b/tests/e2e/background_image.spec.js
@@ -0,0 +1,39 @@
+import { expect, test } from "@playwright/test";
+
+const pagesWithSimpleImages = [
+  { url: "/demos/background_images.html", description: "Background images" }
+];
+
+for (const { url, description } of pagesWithSimpleImages) {
+  test(description, async ({ page }) => {
+    await page.goto(url);
+    const lazyElements = await page.locator(".lazy");
+    await page.waitForLoadState("load");
+    const elementsCount = await lazyElements.count();
+
+    const devicePixelRatio = await page.evaluate(() => window.devicePixelRatio);
+
+    // Eventually scroll into view and check if it loads
+    for (let i = 0; i < elementsCount; i++) {
+      const element = lazyElements.nth(i);
+      await element.scrollIntoViewIfNeeded();
+
+      // Set expectations
+      const dataBg = await element.getAttribute("data-bg");
+      const dataBgHidpi = await element.getAttribute("data-bg-hidpi");
+      const expectedBg = `background-image: url("${dataBg}");`;
+      const expectedHiDpiBg = `background-image: url("${dataBgHidpi}");`;
+
+      if (!dataBgHidpi) {
+        await expect(element).toHaveAttribute("style", expectedBg);
+        continue;
+      }
+
+      if (devicePixelRatio > 1) {
+        await expect(element).toHaveAttribute("style", expectedHiDpiBg);
+      } else {
+        await expect(element).toHaveAttribute("style", expectedBg);
+      }
+    }
+  });
+}
diff --git a/tests/e2e/background_image_multi.spec.js b/tests/e2e/background_image_multi.spec.js
new file mode 100644
index 00000000..4c56c5ec
--- /dev/null
+++ b/tests/e2e/background_image_multi.spec.js
@@ -0,0 +1,39 @@
+import { expect, test } from "@playwright/test";
+
+const pagesWithSimpleImages = [
+  { url: "/demos/background_images_multi.html", description: "Multiple background images" }
+];
+
+for (const { url, description } of pagesWithSimpleImages) {
+  test(description, async ({ page }) => {
+    await page.goto(url);
+    const lazyElements = await page.locator(".lazy");
+    await page.waitForLoadState("load");
+    const elementsCount = await lazyElements.count();
+
+    const devicePixelRatio = await page.evaluate(() => window.devicePixelRatio);
+
+    // Eventually scroll into view and check if it loads
+    for (let i = 0; i < elementsCount; i++) {
+      const element = lazyElements.nth(i);
+      await element.scrollIntoViewIfNeeded();
+
+      // Set expectations
+      const dataBgMulti = await element.getAttribute("data-bg-multi");
+      const dataBgMultiHidpi = await element.getAttribute("data-bg-multi-hidpi");
+      const expectedBg = `background-image: ${dataBgMulti};`;
+      const expectedHiDpiBg = `background-image: ${dataBgMultiHidpi};`;
+
+      if (!dataBgMultiHidpi) {
+        await expect(element).toHaveAttribute("style", expectedBg);
+        continue;
+      }
+
+      if (devicePixelRatio > 1) {
+        await expect(element).toHaveAttribute("style", expectedHiDpiBg);
+      } else {
+        await expect(element).toHaveAttribute("style", expectedBg);
+      }
+    }
+  });
+}
diff --git a/tests/e2e/image_basic.spec.js b/tests/e2e/image_basic.spec.js
new file mode 100644
index 00000000..5b23bf63
--- /dev/null
+++ b/tests/e2e/image_basic.spec.js
@@ -0,0 +1,26 @@
+import { expect, test } from "@playwright/test";
+
+const pagesWithSimpleImages = [
+  { url: "/demos/image_basic.html", description: "Basic page" },
+  { url: "/demos/async.html", description: "Async initialization" },
+  { url: "/demos/async_multiple.html", description: "Async initialization - multiple instances" },
+];
+
+for (const { url, description } of pagesWithSimpleImages) {
+  test(description, async ({ page }) => {
+    await page.goto(url);
+    const lazyImages = await page.locator(".lazy");
+    await page.waitForLoadState("load");
+    const imageCount = await lazyImages.count();
+
+    // Eventually scroll into view and check if it loads
+    for (let i = 0; i < imageCount; i++) {
+      const image = lazyImages.nth(i);
+      await image.scrollIntoViewIfNeeded();
+
+      // Check the src attribute
+      const expectedSrc = await image.getAttribute("data-src");
+      await expect(image).toHaveAttribute("src", expectedSrc);
+    }
+  });
+}
diff --git a/src/__tests__/cancelOnExit.test.js b/tests/unit/cancelOnExit.test.js
similarity index 85%
rename from src/__tests__/cancelOnExit.test.js
rename to tests/unit/cancelOnExit.test.js
index c6335ba9..2b2ea4c0 100644
--- a/src/__tests__/cancelOnExit.test.js
+++ b/tests/unit/cancelOnExit.test.js
@@ -1,11 +1,12 @@
 import expectExtend from "./lib/expectExtend";
 import getFakeInstance from "./lib/getFakeInstance";
+import { expect, beforeEach, afterEach, describe, test } from "@jest/globals";
 
-import { cancelLoading } from "../cancelOnExit";
-import { getExtendedSettings } from "../defaults";
-import { getStatus, setStatus } from "../data";
-import { statusLoaded } from "../elementStatus";
-import { setSources } from "../set";
+import { cancelLoading } from "../../src/cancelOnExit";
+import { getExtendedSettings } from "../../src/defaults";
+import { getStatus, setStatus } from "../../src/data";
+import { statusLoaded } from "../../src/elementStatus";
+import { setSources } from "../../src/set";
 
 expectExtend(expect);
 
@@ -46,7 +47,7 @@ describe("Cancel loading on img", () => {
     img.setAttribute("data-src", url200);
     setSources(img, settings);
     cancelLoading(img, entry, settings, instance);
-    expect(img).toHaveAttributeValue("src", url200);
+    expect(img).toHaveAttribute("src", url200);
   });
 
   test("Does nothing if element is not loading", () => {
@@ -54,7 +55,7 @@ describe("Cancel loading on img", () => {
     setSources(img, settings);
     setStatus(img, statusLoaded);
     cancelLoading(img, entry, settings, instance);
-    expect(img).toHaveAttributeValue("src", url200);
+    expect(img).toHaveAttribute("src", url200);
   });
 
   test("Restores original attributes", () => {
@@ -64,7 +65,7 @@ describe("Cancel loading on img", () => {
     img.setAttribute("data-sizes", sizes100);
     setSources(img, settings, instance);
     cancelLoading(img, entry, settings, instance);
-    expect(img).toHaveAttributeValue("src", url1);
+    expect(img).toHaveAttribute("src", url1);
     expect(img).not.toHaveAttribute("srcset");
     expect(img).not.toHaveAttribute("sizes");
   });
@@ -118,6 +119,6 @@ describe("Cancel loading on iframe", () => {
     iframe.setAttribute("data-src", iframeSrc);
     setSources(iframe, settings, instance);
     cancelLoading(iframe, entry, settings, instance);
-    expect(iframe).toHaveAttributeValue("src", iframeSrc);
+    expect(iframe).toHaveAttribute("src", iframeSrc);
   });
 });
diff --git a/src/__tests__/lib/expectExtend.js b/tests/unit/lib/expectExtend.js
similarity index 99%
rename from src/__tests__/lib/expectExtend.js
rename to tests/unit/lib/expectExtend.js
index 3e2c6b19..c0f12b6b 100644
--- a/src/__tests__/lib/expectExtend.js
+++ b/tests/unit/lib/expectExtend.js
@@ -35,4 +35,4 @@ const extensions = {
 
 export default (expect) => {
   expect.extend(extensions);
-};
\ No newline at end of file
+};
diff --git a/src/__tests__/lib/getFakeInstance.js b/tests/unit/lib/getFakeInstance.js
similarity index 100%
rename from src/__tests__/lib/getFakeInstance.js
rename to tests/unit/lib/getFakeInstance.js
diff --git a/src/__tests__/load.test.js b/tests/unit/load.test.js
similarity index 78%
rename from src/__tests__/load.test.js
rename to tests/unit/load.test.js
index 6fcfcde9..c7a6ef65 100644
--- a/src/__tests__/load.test.js
+++ b/tests/unit/load.test.js
@@ -1,10 +1,11 @@
 import expectExtend from "./lib/expectExtend";
 import getFakeInstance from "./lib/getFakeInstance";
+import { expect, beforeEach, afterEach, describe, test } from "@jest/globals";
 
-import { load } from "../load";
-import { getExtendedSettings } from "../defaults";
-import { getStatus } from "../data";
-import { statusLoading } from "../elementStatus";
+import { load } from "../../src/load";
+import { getExtendedSettings } from "../../src/defaults";
+import { getStatus } from "../../src/data";
+import { statusLoading } from "../../src/elementStatus";
 
 expectExtend(expect);
 
diff --git a/src/__tests__/originalAttributes.test.js b/tests/unit/originalAttributes.test.js
similarity index 84%
rename from src/__tests__/originalAttributes.test.js
rename to tests/unit/originalAttributes.test.js
index ef76f4a4..ca356650 100644
--- a/src/__tests__/originalAttributes.test.js
+++ b/tests/unit/originalAttributes.test.js
@@ -1,9 +1,10 @@
 import expectExtend from "./lib/expectExtend";
 import getFakeInstance from "./lib/getFakeInstance";
-import { getExtendedSettings } from "../defaults";
+import { getExtendedSettings } from "../../src/defaults";
+import { expect, beforeEach, afterEach, describe, test } from "@jest/globals";
 
-import { setSources } from "../set";
-import { getOriginalAttrs } from "../originalAttributes";
+import { setSources } from "../../src/set";
+import { getOriginalAttrs } from "../../src/originalAttributes";
 
 expectExtend(expect);
 
diff --git a/src/__tests__/reset.test.js b/tests/unit/reset.test.js
similarity index 84%
rename from src/__tests__/reset.test.js
rename to tests/unit/reset.test.js
index ba9f7cd4..dc2646bc 100644
--- a/src/__tests__/reset.test.js
+++ b/tests/unit/reset.test.js
@@ -1,8 +1,9 @@
 import expectExtend from "./lib/expectExtend";
 import getFakeInstance from "./lib/getFakeInstance";
-import { getExtendedSettings } from "../defaults";
+import { getExtendedSettings } from "../../src/defaults";
+import { expect, beforeEach, afterEach, describe, test } from "@jest/globals";
 
-import { resetSourcesImg } from "../reset";
+import { resetSourcesImg } from "../../src/reset";
 
 expectExtend(expect);
 
diff --git a/src/__tests__/restore.test.js b/tests/unit/restore.test.js
similarity index 97%
rename from src/__tests__/restore.test.js
rename to tests/unit/restore.test.js
index 26c36621..537c4e25 100644
--- a/src/__tests__/restore.test.js
+++ b/tests/unit/restore.test.js
@@ -1,9 +1,10 @@
 import expectExtend from "./lib/expectExtend";
 import getFakeInstance from "./lib/getFakeInstance";
-import { getExtendedSettings } from "../defaults";
-import { restore } from "../restore";
-import { load } from "../load";
-import { getStatus } from "../data";
+import { beforeEach, afterEach, describe, expect, test } from "@jest/globals";
+import { getExtendedSettings } from "../../src/defaults";
+import { restore } from "../../src/restore";
+import { load } from "../../src/load";
+import { getStatus } from "../../src/data";
 
 const url1 = "1.gif";
 const url2 = "2.gif";
diff --git a/src/__tests__/set.test.js b/tests/unit/set.test.js
similarity index 82%
rename from src/__tests__/set.test.js
rename to tests/unit/set.test.js
index 0e3fbe12..776d5d5e 100644
--- a/src/__tests__/set.test.js
+++ b/tests/unit/set.test.js
@@ -1,8 +1,10 @@
 import expectExtend from "./lib/expectExtend";
 import getFakeInstance from "./lib/getFakeInstance";
-import { getExtendedSettings } from "../defaults";
+import { getExtendedSettings } from "../../src/defaults";
+import { expect, beforeEach, afterEach, describe, test } from "@jest/globals";
 
-import { setBackground, setMultiBackground, setSources } from "../set";
+import { setBackground, setMultiBackground, setSources } from "../../src/set";
+import { decreaseToLoadCount, setToLoadCount } from "../../src/counters";
 
 expectExtend(expect);
 
@@ -20,6 +22,20 @@ afterEach(() => {
   instance = null;
 });
 
+describe("setCounters", () => {
+  test('decreaseToLoadCount decreases toLoadCount by 1', () => {
+    const mockInstance = { toLoadCount: 5 };
+    decreaseToLoadCount(mockInstance);
+    expect(mockInstance.toLoadCount).toBe(4);
+  });
+
+  test('setToLoadCount sets toLoadCount to the given value', () => {
+    const mockInstance = {};
+    setToLoadCount(mockInstance, 10);
+    expect(mockInstance.toLoadCount).toBe(10);
+  });
+})
+
 describe("setSources for image", () => {
   let img;
   const url1 = "1.gif";
@@ -39,8 +55,8 @@ describe("setSources for image", () => {
     img.setAttribute("data-src", url200);
     img.setAttribute("data-srcset", url400);
     setSources(img, settings, instance);
-    expect(img).toHaveAttributeValue("src", url200);
-    expect(img).toHaveAttributeValue("srcset", url400);
+    expect(img).toHaveAttribute("src", url200);
+    expect(img).toHaveAttribute("srcset", url400);
   });
 
   test("with initial values in src and srcset", () => {
@@ -49,8 +65,8 @@ describe("setSources for image", () => {
     img.setAttribute("src", url1);
     img.setAttribute("srcset", url1);
     setSources(img, settings, instance);
-    expect(img).toHaveAttributeValue("src", url200);
-    expect(img).toHaveAttributeValue("srcset", url400);
+    expect(img).toHaveAttribute("src", url200);
+    expect(img).toHaveAttribute("srcset", url400);
   });
   test("with initial values in src and srcset and empty data-*", () => {
     img.setAttribute("data-src", "");
@@ -58,8 +74,8 @@ describe("setSources for image", () => {
     img.setAttribute("src", url200);
     img.setAttribute("srcset", url400);
     setSources(img, settings, instance);
-    expect(img).toHaveAttributeValue("src", url200);
-    expect(img).toHaveAttributeValue("srcset", url400);
+    expect(img).toHaveAttribute("src", url200);
+    expect(img).toHaveAttribute("srcset", url400);
   });
 });
 
@@ -80,19 +96,19 @@ describe("setSources for iframe", () => {
   test("with initially empty src", () => {
     iframe.setAttribute("data-src", srcToLoad);
     setSources(iframe, settings, instance);
-    expect(iframe).toHaveAttributeValue("src", srcToLoad);
+    expect(iframe).toHaveAttribute("src", srcToLoad);
   });
   test("with initial value in src", () => {
     iframe.setAttribute("data-src", srcToLoad);
     iframe.setAttribute("src", preloadedSrc);
     setSources(iframe, settings, instance);
-    expect(iframe).toHaveAttributeValue("src", srcToLoad);
+    expect(iframe).toHaveAttribute("src", srcToLoad);
   });
   test("with initial value in src and empty data-src", () => {
     iframe.setAttribute("data-src", "");
     iframe.setAttribute("src", preloadedSrc);
     setSources(iframe, settings, instance);
-    expect(iframe).toHaveAttributeValue("src", preloadedSrc);
+    expect(iframe).toHaveAttribute("src", preloadedSrc);
   });
 });
 
@@ -202,7 +218,7 @@ describe("setSources for video", () => {
     video.load = jest.fn();
     video.setAttribute("data-src", videoUrlAvi);
     setSources(video, settings, instance);
-    expect(video).toHaveAttributeValue("src", videoUrlAvi);
+    expect(video).toHaveAttribute("src", videoUrlAvi);
     expect(video.load).toHaveBeenCalled();
   });
 
@@ -214,9 +230,9 @@ describe("setSources for video", () => {
     source1.setAttribute("data-src", videoUrlMp4);
     source2.setAttribute("data-src", videoUrlWebm);
     setSources(video, settings, instance);
-    expect(video).toHaveAttributeValue("src", videoUrlAvi);
-    expect(source1).toHaveAttributeValue("src", videoUrlMp4);
-    expect(source2).toHaveAttributeValue("src", videoUrlWebm);
+    expect(video).toHaveAttribute("src", videoUrlAvi);
+    expect(source1).toHaveAttribute("src", videoUrlMp4);
+    expect(source2).toHaveAttribute("src", videoUrlWebm);
     expect(video.load).toHaveBeenCalled();
   });
 });
@@ -246,8 +262,8 @@ describe("setSources for picture", () => {
     source1.setAttribute("data-srcset", url200);
     source2.setAttribute("data-srcset", url400);
     setSources(img, settings, instance);
-    expect(source1).toHaveAttributeValue("srcset", url200);
-    expect(source2).toHaveAttributeValue("srcset", url400);
+    expect(source1).toHaveAttribute("srcset", url200);
+    expect(source2).toHaveAttribute("srcset", url400);
   });
 
   test("with initial value in srcset", () => {
@@ -256,8 +272,8 @@ describe("setSources for picture", () => {
     source1.setAttribute("srcset", url1);
     source2.setAttribute("srcset", url1);
     setSources(img, settings, instance);
-    expect(source1).toHaveAttributeValue("srcset", url200);
-    expect(source2).toHaveAttributeValue("srcset", url400);
+    expect(source1).toHaveAttribute("srcset", url200);
+    expect(source2).toHaveAttribute("srcset", url400);
   });
 
   test("with initial value in srcset and empty data-srcset", () => {
@@ -266,7 +282,7 @@ describe("setSources for picture", () => {
     source1.setAttribute("srcset", url200);
     source2.setAttribute("srcset", url400);
     setSources(img, settings, instance);
-    expect(source1).toHaveAttributeValue("srcset", url200);
-    expect(source2).toHaveAttributeValue("srcset", url400);
+    expect(source1).toHaveAttribute("srcset", url200);
+    expect(source2).toHaveAttribute("srcset", url400);
   });
 });
diff --git a/todo.md b/todo.md
index 2fb4f779..2892a343 100644
--- a/todo.md
+++ b/todo.md
@@ -1,6 +1,23 @@
 # TODO
 
-## Coming next
+## 1
+
+Remove temporary fix from `./src/set.js`
+
+```js
+// Temporary fix for Chromeium with the -webkit- prefix
+if (element.style.backgroundImage === "") {
+  bgImageValues = imgSetValues.map((value) => `-webkit-image-set(${value})`);
+  element.style.backgroundImage = bgImageValues.join();
+}
+```
+
+## 2
+
+Check why the demo `./demos/restore_destroy.html` is not working. What was it supposed to do? :D
+
+
+## To consider
 
 - Check how LazyLoad behaves when a page was updated using DOM morphing.
   If only the data-attributes were updated, how do one forces LazyLoad to read from them again?
@@ -8,13 +25,10 @@
 - Consider creating a subset of options and defaults for the static `load` method, and document it
 - [Edge case] When `cancel_on_exit` is `false`, unobserve elements as soon as they start loading (as of before 15.2.0).
 
-## Test
-
-- Test more modules and functions, coverage!!!
-- Test native `img`, native `iframe`, alone or in conjunction with `video`s.
+## More tests
 
-Test more modules
+Add more tests (to choose between unit tests or e2e tests depending on the case) to cover:
 
-- [ ] autoinitialize
-- [ ] purge
-- [ ] reveal
+- autoinitialize
+- purge
+- reveal
\ No newline at end of file
diff --git a/utils/index.html b/utils/index.html
new file mode 100644
index 00000000..374064df
--- /dev/null
+++ b/utils/index.html
@@ -0,0 +1,444 @@
+<!DOCTYPE html>
+<html>
+  <head lang="en">
+    <meta charset="UTF-8" />
+    <title>Self-host images generator</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      ul,
+      li {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+      }
+
+      a,
+      img {
+        display: block;
+      }
+
+      img {
+        border: 0;
+        width: 220px;
+        height: 280px;
+      }
+
+      img:not([src]) {
+        visibility: hidden;
+      }
+
+      /* Fixes Firefox anomaly during image load */
+      @-moz-document url-prefix() {
+        img:-moz-loading {
+          visibility: hidden;
+        }
+      }
+    </style>
+  </head>
+
+  <body>
+    <h1>Self-host images generator</h1>
+    <div class="results">
+      <ul>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44721746jj.html"
+            ><img
+              alt="Stivaletti"
+              src="https://placehold.co/440x560/webp?text=Img+01"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/open-toe_cod44740806jx.html"
+            ><img
+              alt="Open toe"
+              src="https://placehold.co/440x560/webp?text=Img+02"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html"
+            ><img
+              alt="Sneakers &amp; Tennis"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+03"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738717am.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes basse"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+04"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44739940cb.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes alte"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+05"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-alte_cod44740860xg.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes alte"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+06"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738719vn.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes basse"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+07"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44739938wk.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes basse"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+08"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44736534fq.html"
+            ><img
+              alt="Stivali"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+09"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44735388ui.html"
+            ><img
+              alt="Stivali"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+10"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44739165ev.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+11"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44739454hf.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+12"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44719480km.html"
+            ><img
+              alt="Stivali"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+13"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44719687td.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+14"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44721899ng.html"
+            ><img
+              alt="Décolleté"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+15"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44721744sl.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+16"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44716730kr.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+17"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44718734xl.html"
+            ><img
+              alt="Décolleté"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+18"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44721796uk.html"
+            ><img
+              alt="Décolleté"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+19"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/francesine_cod44717679mj.html"
+            ><img
+              alt="Francesine"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+20"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44724594vu.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+21"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44726148aq.html"
+            ><img
+              alt="Décolleté"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+22"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44719629nt.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+23"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44725329kq.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+24"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivali_cod44724026qs.html"
+            ><img
+              alt="Stivali"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+25"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44720256gw.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+26"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44722062id.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+27"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44722402rh.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+28"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44726296vu.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+29"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44725755ct.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+30"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44725348nv.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+31"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44721879xx.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+32"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/cuissardes_cod44729472iq.html"
+            ><img
+              alt="Cuissardes"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+33"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/decollete_cod44725388jv.html"
+            ><img
+              alt="Décolleté"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+34"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/stivaletti_cod44721854ce.html"
+            ><img
+              alt="Stivaletti"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+35"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727690jp.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes basse"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+36"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44727501hh.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+37"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727038aq.html"
+            ><img
+              alt="Sneakers &amp; Tennis shoes basse"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+38"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44704882bq.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+39"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+        <li>
+          <a href="#/it/donna/mocassini_cod44734002vc.html"
+            ><img
+              alt="Mocassini"
+              class="lazy"
+              src="https://placehold.co/440x560/webp?text=Img+40"
+              width="220"
+              height="280"
+          /></a>
+        </li>
+      </ul>
+    </div>
+  </body>
+</html>