feat (polyfill): change ofi lib with lazysize plugin.

Author: Cocola

package-lock.json

@@ -55,7 +55,6 @@
     "favicons": "^5.4.1",
     "lazysizes": "^5.1.0",
     "normalize-scss": "^7.0.1",
-    "object-fit-images": "^3.2.4",
     "ora": "^3.4.0",
     "susy": "^2.2.14",
     "svgo": "^1.2.2",

package.json

@@ -32,6 +32,22 @@
         "img_base": "img-200-200"
       }
     ],
+    "hero-img": [
+      {
+        "srcsets": [
+          {
+            "srcset": "",
+            "size": "img-1024-400"
+          },
+          {
+            "srcset": "2x",
+            "size": "img-2048-800"
+          }
+        ],
+        "default_img": "default-2048-800.jpg",
+        "img_base": "img-2048-800"
+      }
+    ],
     "square": [
       {
         "srcsets": [

src/conf-img/image-locations.json

@@ -20,6 +20,16 @@
       "height": "200",
       "crop": true
     },
+    "img-1024-400": {
+      "width": "1024",
+      "height": "400",
+      "crop": true
+    },
+    "img-2048-800": {
+      "width": "2048",
+      "height": "800",
+      "crop": true
+    },
     "img-400-400": {
       "width": "400",
       "height": "400",

src/conf-img/image-sizes.json

@@ -0,0 +1 @@
+<source data-srcset="%%img-1024-400%%, %%img-2048-800%% 2x" %%srcset%% />