slick-sliderの修正方法

表題の件で教えてください。

やりたいこと

.slider-targetに対してslick-sliderを使い、4つの記事を画面上でスワイプさせる。

4つは横並びになっていて、左端の1つ目は幅を30vwで表示させ、残りの3つは幅を18vwにする。
2つ目の記事が、左端の位置に移動した時、30vwに拡大する。

◾️イメージ：下記サイトの真ん中ら辺の社員インタビュー!
https://recruit.kodansha.co.jp/2026

◾️ラフ：

現状困っていること

スワイプする時に、枠からはみ出してしまい、
スワイプが終わった時に、枠内におさまる、という動きになります。

そのため、通り過ぎた要素が戻って来る見え方になります。

移動しながら、枠からはみ出すことなく、枠内にぴたりと収まる方法はないでしょうか。

ChatGTP、Geminiなどで調べたものの、改善するコードが見つかりません。

わかる方がいらっしゃれば教えていただきたいです。
よろしくお願いいたします。