danilr

<!--у меня вариант ниже работает только-->
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8">
<meta charset="UTF-8">

При объявлении скрипта
<script src="" charset="utf-8"></script>
В .htaccess
AddCharset utf-8 .js
Вместо utf8 устанавливайте свою кодировку.

Вот ВАШ вариант

Чтобы не дублировать в каждый child слайдера, лучше добавьте так

.slide {
 background-repeat: no-repeat;
 background-position: center;
}

так будет Выглядеть
Или второй вариант( как по мне - растягивать картинки - не лучший вариант):

.slide {
 background-position: center;
 background-size: cover;
}

Вот так