У тебя на codepen не подключен slick.
На опыте скажу, slick-slider - вещь очень гибкая и работает исключительно с блоками.
Т.е. ты верстаешь отдельный слайд как блок и кидаешь его в слик.
Нету никакого content и img (как я знаю).
Примерно так все должно выглядеть:
<div class="slider-name" style="width: 100%; height: 800px">
<!-- cover - растянуть изображение, сохраняя пропорции, но с обрезанием -->
<div style="width: 100%; height: 100%; background-image: url(path/to/image1.jpg); background-size: cover">
Данные первого слайда
</div>
<div style="width: 100%; height: 100%; background-image: url(path/to/image2.jpg); background-size: cover">
Данные второго слайда
</div>
<div style="width: 100%; height: 100%; background-image: url(path/to/image3.jpg); background-size: cover">
Данные третьего слайда
</div>
</div>
Простой
