Fix Slick Slider on Shopify Page Section

I am trying to implement Ken Wheelers Slick Slider on a static Shopify section with blocks, included on a new Page Template. The Sliders loads, but the images are underneath each other, they are not sliding. Also, I want to include the thumbnails at the bottom of the slider, as it slides. Shopify details will only be shared via chat. The links I followed: [login to view URL] [login to view URL] The specific slider I want from Ken Wheeler is Slider Syncing. $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-nav' }); $('.slider-nav').slick({ slidesToShow: 3, slidesToScroll: 1, asNavFor: '.slider-for', dots: true, centerMode: true, focusOnSelect: true });