Código JS funcionalidad Flickity.js - OV Timeline

<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>

<script>
  jQuery(function($){
    var $timelineProgress = $('.timeline-progress');
    var $timelineContainer = $('.timeline-container');

    // Inicializa Flickity
    var flkty = new Flickity('.ov-timeline-horizontal', {
      cellAlign: 'left',
      pageDots: true,
        freeScroll: true,
        contain: true,
        wrapAround: true,
        groupCells: true
    });

    // Mueve el div con la clase "timeline-container" al principio de "flickity-viewport"
    var timelineContainer = document.querySelector('.timeline-container');
    var flickityViewport = document.querySelector('.flickity-viewport');

    flickityViewport.insertBefore(timelineContainer, flickityViewport.firstChild);

    // Evento de desplazamiento del carrusel
    $('.ov-timeline-horizontal').on('scroll.flickity', function(event, progress) {
      var timelineWidth = $timelineContainer.width() * progress;
      $timelineProgress.width(timelineWidth);
    });
  });
</script>