Usando o Slick Carousel com uma imagem de plano de fundo em uma grade de isótopo (alvenaria) - a altura dos slides se torna 1 px

Estou usando o isótopo para gerar uma grade dinâmica de blocos. Alguns blocos podem ter um carrossel dentro deles. Estou usando o Slick Carousel (http://kenwheeler.github.io/slick/) para fazer isso.

Aqui está um exemplo>http://jsfiddle.net/9dja3omp/1/

$(function () {
    var $container = $('.grid').imagesLoaded( function() {
        $container.isotope({
            itemSelector: '.block',
            gutter: 0,
            transitionDuration: 0
        });
    });

setTimeout(function(){
    var carousel = $(".carousel__container");

    carousel.slick({
        speed: 700,
        arrows: false,
        adaptiveHeight: true
    });
    console.log("load carousel");
  }, 3000);    

});

Depois de inicializar o isótopo, inicio o carrossel e ele altera a altura do slide para 1px.

Como posso resolver isso?

questionAnswers(1)

yourAnswerToTheQuestion