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:
http://glivera-team.github.io/shopify/2018/05/10/spotify-slick-slider.en.html
https://kenwheeler.github.io/slick/

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
});