Как подтянуть изображение из tv-поля в css свойство?

Upd. Исправил свои косяки, спасибо большое, все заработало!!!

Как подтянуть изображение из tv-поля в css свойство?

Шаблон самой страницы

[[!getImageList?
                        &tvname=`people-images`
                        &tpl=`people-imagesTpl`
                        &docid=`[[*id]]`
                        &limit=`0`
                        &toPlaceholder=`people-images`
                    ]]
                    [[!+people-images:notempty=`
                        <section class="section__page instruments">
                            <div class="container">
                                <div class="row">
                                    [[!+people-images]]
                                </div>
                            </div>
                        </section>
                        `]]

Шаблон картинки

<div class="my-div" style="--image1:url('/[[+image1]]'); --image2:url('/[[+image2]]');"></div>

На странице в ресурсах картинки есть, но не отображаются на самой странице, в чем может быть дело? Css код написал как у Вас.

Почему slick работает неправильно?

upd. Сработает, но слайдер по прежнему кривой

Если при загрузке кликать на кнопки то все происходит так как и должно быть, но как только страница загружается полностью происходит такая каша