光滑滑块 - 第一张幻灯片在加载时不显示

Question

尝试让光滑的滑块在一个动画进入视图的容器内工作...单击一个方框标题会下拉一个带有光滑滑块的全宽内容框和一些关于该项目的段落。

我的问题是第一张图片不会在加载时自动显示给我...我必须点击“下一步”几次才能让它显示出来。

我猜这与我在光滑的幻灯片上定义高度/宽度的方式有关...但我无法弄明白。

任何帮助？

https://codepen.io/Finches/pen/vpZqYR

/** Slick slider **/
.slide img {
  max-width: 100%;
  height: 400px;
}
.slick-track {
  float:left;
}

.slick-prev {
  position: absolute;
  bottom: -30px;
  right: 75px;
  z-index: 1;
}

.slick-next {
  position: absolute;
  bottom: -30px;
  right: 25px;
}