Código integración slick.js con divi - Carrusel Slider Vertical

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<script>
jQuery(document).ready(function($) {
    var $titleCarousel = $('#ov-caracteristicas-carousel .ov-title-carousel');
  var $contentCarousel = $('#ov-caracteristicas-carousel .ov-content-carousel');

  $titleCarousel.slick({
    vertical: true,
    slidesToShow: 3,
    slidesToScroll: 1,
    arrows: true,
    asNavFor: $contentCarousel,
    focusOnSelect: true,
    centerMode: true,
    centerPadding: '50px',
    autoplay: 1,
        autoplaySpeed: 5000,
    pauseOnHover: 1,
    prevArrow: '<button type="button" class="slick-prev">B</button>',
    nextArrow: '<button type="button" class="slick-next">C</button>'
  });

  $contentCarousel.slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: false,
    asNavFor: $titleCarousel,
  });
});
</script>