Добавил Polyfill object-fit/object-position

.gitignore

@@ -10,6 +10,7 @@ src/blocks/sprite-png/img/sprite-*.png
 _arc/
 bower_components/
 node_modules/
+package-lock.json
 .vscode/
 .DS_Store
 *.log

gulpfile.js

@@ -12,6 +12,7 @@ const mqpacker = require("css-mqpacker");
 const atImport = require("postcss-import");
 const cleanss = require('gulp-cleancss');
 const inlineSVG = require('postcss-inline-svg');
+const objectFitImages = require('postcss-object-fit-images');
 
 const plumber = require('gulp-plumber');
 const notify = require('gulp-notify');
@@ -46,7 +47,8 @@ let postCssPlugins = [
     sort: true
   }),
   atImport(),
-  inlineSVG()
+  inlineSVG(),
+  objectFitImages()
 ];
 
 // Очистка папки сборки

package.json

@@ -57,26 +57,19 @@
     "merge-stream": "^1.0.1",
     "postcss-import": "^10.0.0",
     "postcss-inline-svg": "^3.0.0",
+    "postcss-object-fit-images": "^1.1.2",
     "stylelint": "^7.9.0",
     "vinyl-buffer": "^1.0.0",
     "yaspeller": "^3.1.0"
   },
   "dependencies": {
-    "browser-sync": "^2.18.12",
-    "gulp-file-include": "^1.1.0",
-    "gulp-imagemin": "^3.2.0",
-    "gulp-sourcemaps": "^2.6.0",
-    "gulp-svgmin": "^1.2.4",
-    "gulp.spritesmith": "^6.5.0",
     "ismobilejs": "^0.4.0",
     "jquery": "^3.1.1",
     "jquery-migrate": "^3.0.0",
-    "lint-staged": "^3.5.0",
     "nouislider": "^9.2.0",
+    "object-fit-images": "^3.2.3",
     "owl.carousel": "^2.2.0",
-    "stylelint": "^7.10.1",
     "svg4everybody": "^2.1.8",
-    "swipejs": "^2.2.6",
-    "yaspeller": "^3.2.0"
+    "swipejs": "^2.2.6"
   }
 }

projectConfig.json

@@ -53,7 +53,8 @@
     "media": [],
     "modal": [],
     "close": [],
-    "tabs": []
+    "tabs": [],
+    "object-fit-polyfill": []
   },
   "addCssBefore": [
     "./src/scss/variables.scss",
@@ -75,7 +76,8 @@
     "./node_modules/ismobilejs/isMobile.min.js",
     "./node_modules/owl.carousel/dist/owl.carousel.js",
     "./node_modules/swipejs/build/swipe.min.js",
-    "./node_modules/nouislider/distribute/nouislider.js"
+    "./node_modules/nouislider/distribute/nouislider.js",
+    "./node_modules/object-fit-images/dist/ofi.js"
   ],
   "addJsAfter": [
     "./src/js/global-script.js"

src/blocks/object-fit-polyfill/object-fit-polyfill.js

+document.addEventListener('DOMContentLoaded', function(){
+  objectFitImages();
+});

src/blocks/object-fit-polyfill/object-fit-polyfill.scss

+// Никакая стилизация этого Блока по умолчанию не нужна.
+// Полифил включается в js-файле, добавочная стилизация для картинок с указанным object-fit: cover;
+// добавится с помощью PostCSS-плагина на этапе постобработки css-файла(ов).
+// Полифил:                    https://github.com/bfred-it/object-fit-images
+// Добавленный PostCSS-плагин: https://github.com/ronik-design/postcss-object-fit-images
+
+.object-fit-polyfill {}