JavaScript - 素敵なカルーセル画像を見たので、実装方法を教えてください。

Question

ページ https://www.pingxx.com のカルーセル画像がとてもクールだと思いましたが、両面でフェードアウト効果を実現するにはどうすればよいですか?

Answer 1

-webkit-mask-image:linear-gradient(-90deg,transparent,#000 22%,#000 48%,rgba(0,0,0,.2) 78%,transparent)

Answer 2

自分で要素を確認するとわかります