Как добавить фиксированное изображение позади текстовой карусели для текста?
Итак, у меня есть слайдер с отзывами, который работает, он просто пропускает и пропускает текст, но я заблудился о том, как поместить фиксированное фоновое изображение за отзывы, чтобы оно оставалось, но отзывы продолжают изменяться. Я новичок в кодировании и пытался искать, но не нашел ничего, что сработало.
Вот ссылка: https://jsfiddle.net/Caperraticus/kw965gym/1/
<div class="testimonialSlider">
<ul class="rslides">
<li>
<div class="sqs-widget sqs-block-modelsync sqs-block-quote sqs-block quote-block">
<div class="sqs-block-quote-content sqs-block-content">
<figure>
<blockquote>
<span>“</span>
Your text here
<span>”</span>
</blockquote>
<figcaption class="source">—
source here
</figcaption>
</figure>
</div>
</div>
</li>
<li>
<div class="sqs-widget sqs-block-modelsync sqs-block-quote sqs-block quote-block">
<div class="sqs-block-quote-content sqs-block-content">
<figure>
<blockquote>
<span>“</span>
text here
<span>”</span>
</blockquote>
<figcaption class="source">—
source
</figcaption>
</figure>
</div>
</div>
</li>
<li>
<div class="sqs-widget sqs-block-modelsync sqs-block-quote sqs-block quote-block">
<div class="sqs-block-quote-content sqs-block-content">
<figure>
<blockquote>
<span>“</span>
text
<span>”</span>
</blockquote>
<figcaption class="source">—
source
</figcaption>
</figure>
</div>
</div>
</li>
<li>
<div class="sqs-widget sqs-block-modelsync sqs-block-quote sqs-block quote-block">
<div class="sqs-block-quote-content sqs-block-content">
<figure>
<blockquote>
<span>“</span>
text
<span>”</span>
</blockquote>
<figcaption class="source">—
source
</figcaption>
</figure>
</div>
</div>
</li>
</ul>
</div>