Confused about Owl carousel with Paragraph I'm very new to Drupal and not (yet) familiar with the terms and namings.

I came across a web site in Drupal 8 that uses Paragraph. I'm trying to reproduce the slideshow that apparently uses Owl carousel. But I'm confused about how they made that slider:


(These images slide from right to left)

In the Inspector, the code shows that Owl carousel used in the div wrapper and each item. But there is no owl included in the template twig file.

Inspector screenshot:


Template twig file:

     &lt;div class="our_partners_area bg_gary py-70 pb_0"&gt;
        &lt;div class="container"&gt;
           &lt;div class="our_partners_h wow fadeInUp"&gt;
              &lt;h1&gt;{{content.field_title.0}}&lt;/h1&gt;
              &lt;p&gt;{{content.field_description.0}}&lt;/p&gt;
           &lt;/div&gt;
           &lt;!--#Start assets/images start --&gt;
           &lt;div class="partners wow fadeInUp"&gt;

       {% for item in paragraph.field_client_image %}
         &lt;div class="item"&gt;
           &lt;img src="{{ file_url(item.entity.uri.value) }}" alt=""&gt;
           &lt;/div&gt;
        {% endfor %}

     &lt;/div&gt;
     &lt;!--#End assets/images --&gt;
 &lt;div class="bottom-partner wow fadeInRight text-center" style="visibility: visible; animation-name: fadeInRight;"&gt;
              &lt;a id="#services" href="{{ content.field_button.0['#url'] }}" class="btn btn-default  wow fadeInUp  js-scroll-trigger" data-wow-delay=" 0.5s" 
              style="visibility: visible; animation-delay:  0.5s; animation-name: fadeInUp;"&gt;&lt;span class="skew_14"&gt;{{ content.field_button.0['#title'] }} &lt;/span&gt;&lt;/a&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;


I assume the below code generates the classes owl-item, owl-item cloned:

{% for item in paragraph.field_client_image %}
     &lt;div class="item"&gt;
       &lt;img src="{{ file_url(item.entity.uri.value) }}" alt=""&gt;
         &lt;/div&gt;
{% endfor %}


Anyone can enlighten my candle? 

PS: I have access to all templates files and even have access to the site: no Owl carousel module installed but the libraries is present.

Thanks for your time.
You have to separate between two components:
A) Markup generated on server-side by Drupal, which is used as base structure for Owl carousel.
B) Markup modified by Owl in the client's browser.

Drupal render's something like

&lt;div class="partners wow fadeInUp"&gt;
  &lt;!-- the for loop renders one &lt;div&gt;&lt;img&gt;&lt;/div&gt; per paragraph on server side --&gt;
  {% for item in paragraph.field_client_image %}
    &lt;div class="item"&gt;
      &lt;img src="{{ file_url(item.entity.uri.value) }}" alt=""&gt;
    &lt;/div&gt;
  {% endfor %}
&lt;/div&gt;


The code above is not really depending or specific for Owl carousel.

The thing transforms it to a carousel is a JS call similar to

$(document).ready(function(){
  $(".partners").owlCarousel();
});


somewhere else in a JS file of your theme or a module. This is the "magic" that transforms the server-rendered HTML to something like your screenshot is showing (adding additional &lt;div&gt;s, classes and styles)