アニメーションとslickの挙動

Question

スリックスライダーを利用してコンテンツを表示しています。
デモサイト
↑のcodepenでデモサイトを作ったので一度見てください。

下の方にあるコンテンツが正しい挙動です。
最初はopacity:0、
途中からopacity:1にしており、最初から要素が表示されるようにはなっておりません。

ですが、リロードしていただくとわかるのですが、スライダーの方では最初から要素が表示されております。

この挙動に関して、
slickが上書きしてるのでしょうか？
そして、解決方法があるのでしょうか？

稚拙で曖昧な文章になってしまいましたが、有識者の方、ぜひご教授いただけたらと思います。
よろしくお願いします。