Денис Васильев

Вы бы документацию почитали kenwheeler.github.io/slick/#settings

$('.slider').slick({
  arrows: false
});

У вас в условии проверяется, выбрана кнопка или нет. Этот условие сработало, если бы у инпута стоял атрибут checked. А если вам нужно при клике на инпут проверять отмечен он или нет, то нужно на инпут повесить обработчик события changeили input. И внутрь этого обработчика поместить условие.

Во пример, заменил радиокнопку на чекбокс для простоты
https://codepen.io/corvus-007/pen/YJpYQP?editors=1010

Нужно подключить плагин imagesLoaded
Вот пример https://masonry.desandro.com/layout.html#imagesloaded

У что-то подобное было, когда я решил установить новую версию Node.js.
У них на сайте две версии — 8 и 10. Если вы ставили десятую, то попробуйте удалить ее и установить восьмую.

И вроде нужно будет удалить папку node_modules и установить пакеты заново.

https://jsfiddle.net/mrnobody/pzv9xL3o/1/

gijsroge.github.io/tilt.js

text-align-last: justify;

https://codepen.io/corvus-007/pen/OoOzyP

leafo.net/sticky-kit

Вроде тоже самое спрашивали. Вам в прошлый раз не помогли?
https://codepen.io/corvus-007/pen/gdRLvq?editors=1100

Попробуйте добавить атрибут tabindex="0".

Посмотрите опцию responsive.

Попробуйте так:

$('.tales__slider').slick({
  arrows: false,
  dots: true,
  infinite: true,
  slidesToScroll: 1,
  variableWidth: true,
  mobileFirst: true,
  responsive: [{
    breakpoint: 992,
    settings: 'unslick'
  }]
});