fu11buster

Используйте Copy webpack plugin

const CopyWebpackPlugin = require('copy-webpack-plugin');
...
plugins: [
new CopyWebpackPlugin([
      { from: './src/img/', to: './img/' }
    ],
      {
        debug: true,
        ignore: [ '*.js', '*.css', '*.scss' ]
      }),
...
]

Возможно поможет использование свойства slidesToShow и responsive. Можно вручную задать для каждого разрешения, а можно с помощью js отслеживать размер окна и изменять slidesToShow = Math.floor(window.width / element.width);

Дело в псевдоклассе ":valid" : при required и пустом поле он не срабатывает, а когда отсутствует атрибут required даже пустое поле валидно, в следствии этого label все время "не в семье"