Javascript переопределяет CSS

Я создаю простой сайт на Laravel 5.7. В нем есть слайдер на основе jquery, отображающий картинки. Я хотел бы отображать изображения на фоне слайдов на основе данных модели, переданных от контроллера.

@foreach($slider_projects as $slider_project)
<div class = "slide slide-{{$slider_index}}">
    <div class = "slide__bg" style = "background-image:url({{asset($slider_project->image)}})"></div>
    <div class = "slide__content">
    </div>
</div>
{{$slider_index++}}
@endforeach

Но моя проблема в том, что атрибут стиль моего div переопределяется js-кодом, отвечающим за правильное отображение ползунка:

$slideBGs = $(".slide__bg"),
$slideBGs.css("transform", "translate3d("+ curSlide*50 +"%,0,0)");

Свойство фоновая картинка больше не отображается в блоках style__bg.

Каким будет лучший подход для динамической визуализации содержимого слайдера (фоновых изображений), не нарушая его поведения (часть js)?