<div class="quote-slider quote-slider--purple" data-autoplay="false" data-playing="false">
  <div class="quote-slider__inner">
    <div class="quote-slider__slides-wrap">
      <div class="quote-slider__slides">
        <div class="quote-slider__slide">
          <figure class="quote">
            <blockquote class="quote__text">„Vielen Dank für alles, was Sie tun.<br />Mein Horizont hat sich riesig erweitert durch das Programm!“</blockquote>
          </figure>
          <div class="quote-slider__source">Name Zitatgeber</div>
        </div>
        <div class="quote-slider__slide">
          <figure class="quote">
            <blockquote class="quote__text">„Lorem ipsum dolor sit amet.<br />Consetetur sadipscing elitr, sed diam nonumy eirmod tempor“</blockquote>
          </figure>
          <div class="quote-slider__source">Name Zitatgeber</div>
        </div>
        <div class="quote-slider__slide">
          <figure class="quote">
            <blockquote class="quote__text">„Lorem ipsum dolor sit amet.<br />Consetetur sadipscing elitr, sed diam nonumy eirmod tempor“</blockquote>
          </figure>
          <div class="quote-slider__source">Name Zitatgeber</div>
        </div>
        <div class="quote-slider__slide">
          <figure class="quote">
            <blockquote class="quote__text">„Lorem ipsum dolor sit amet.<br />Consetetur sadipscing elitr, sed diam nonumy eirmod tempor“</blockquote>
          </figure>
          <div class="quote-slider__source">Name Zitatgeber</div>
        </div>
      </div>
    </div>
  </div>
</div>

{
  "slides": [
    {
      "text": "„Vielen Dank für alles, was Sie tun.#[br]Mein Horizont hat sich riesig erweitert durch das Programm!“",
      "source": "Name Zitatgeber",
      "caption": null
    },
    {
      "text": "„Lorem ipsum dolor sit amet.#[br]Consetetur sadipscing elitr, sed diam nonumy eirmod tempor“",
      "source": "Name Zitatgeber",
      "caption": null,
      "image": {
        "alt": "Image of a human",
        "width": 160,
        "height": 160
      }
    },
    {
      "text": "„Lorem ipsum dolor sit amet.#[br]Consetetur sadipscing elitr, sed diam nonumy eirmod tempor“",
      "source": "Name Zitatgeber",
      "caption": null
    },
    {
      "text": "„Lorem ipsum dolor sit amet.#[br]Consetetur sadipscing elitr, sed diam nonumy eirmod tempor“",
      "source": "Name Zitatgeber",
      "caption": null
    }
  ],
  "color": "purple"
}