To set up the scroller you have to wrap an unordered list (bullet list) of images with the following HTML markup.


<div id="logo-carousel-container">
  <div id="logo-carousel">
    <div class="innerScrollArea">

[unordered list markup here]
      
    </div>
  </div>
</div>

Once you've done that, apply the additional library comp-content-logo-carousel under the Advanced tab > Additional libraries

Below is the source view of the above demo.


<div id="logo-carousel-container">
  <div id="logo-carousel">
    <div class="innerScrollArea">
      <ul>
        <li>
          <div>
            <a href="https://uct.ac.za/">
              <drupal-media data-align="center" data-entity-type="media" data-entity-uuid="b428cdfe-559d-47c0-b359-84d1cfa9f0dd" data-view-mode="original"></drupal-media>
            </a>
          </div>
        </li>
        <li>
          <a href="https://uct.ac.za/">
            <drupal-media data-align="center" data-entity-type="media" data-entity-uuid="9bbadd73-cccb-402a-ade3-838ce0d3bd3d" data-view-mode="original"></drupal-media>
          </a>
        </li>
        <li>
          <a href="https://uct.ac.za/">
            <drupal-media data-align="center" data-entity-type="media" data-entity-uuid="a8529418-0458-425d-8b17-1e9cb6091868" data-view-mode="original"></drupal-media>
          </a>
        </li>
        <li>
          <a href="https://uct.ac.za/">
            <drupal-media data-align="center" data-entity-type="media" data-entity-uuid="b428cdfe-559d-47c0-b359-84d1cfa9f0dd"></drupal-media>
          </a>
        </li>
        <li>
          <a href="https://uct.ac.za/">
            <drupal-media data-align="center" data-entity-type="media" data-entity-uuid="8bd9f19e-520e-49e8-a023-9d3322405a21"></drupal-media>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>