slickスライダーで一瞬縦並びになってしまうバグ

参考サイト：slick.jsでjavascriptの読み込みが終わるまで縦並びになってしまう。【Quiita】

結論から言うと、CSSにて例えば以下のような任意のクラス名を作りslick.cssに記述、slide_nolineを付与する
.slide_noline {
display: none;
float: left;
height: 100%;
min-height: 1px;
/* slickでjavascriptの読み込み完了まで一瞬縦並びにしない */
}

.slick-initialized .slide_noline {
display: block;
/* 読み込んだら表示する */
}

■html（例）
<div class=”slide_noline”>
<source media=”(max-width: 767px)” srcset=”./images/mv-slide01-img-sp.webp”>
</div>