drupal 覆盖段落以创建一个带有光滑的简单轮播

如何解决drupal 覆盖段落以创建一个带有光滑的简单轮播

目前，我想要做的是显示我的轮播，它是由段落内容类型制成的，引用了段落类型。在段落类型中，我只添加了一个限制为 3 个的图像字段。 当我添加新内容时，它会以一种垂直排列方式显示所有图像。我很确定我错过了一些东西，而且还是 Drupal 的新手。

我尝试了 codepen 的演示，它确实有效，我想是我在 Twig 中调用事物的方式或内容类型和段落类型的设置有问题。

段落--hero_slider

<div class="test">
  <div>{{ content.field_media_carousel }}</div>  //How do I separate this into 3 different image,instead of counting it as one variable.
</div>

js

(function ($) {
    $(document).ready(function () {
        'use strict';
        
        console.log('test');
        $('.test').slick({
            slidesToShow: 3,dots: true,centerMode: true,});
    });
})(jQuery);