Bootstrap carousel card hover overflow problem -YARDIM-

https://codepen.io/mse1im/full/JjRxJWV

Merhaba, card için belirlediğimiz hover stili Bootstrap carousel içeriğinde whitespaceler'de gözükmüyor, sebebi: .carousel-inner css içerisinde overflow:hidden olması.

Bunu overflow:visible yaptığımızda ise geçiş esnasında diğer kartların da geçerken gözükmesi ve görsel açıdan bozukmuş gibi durması ve buna cözüm bulamadım.

Bu konuda ne yapmam gerektiğine dair yardım edebilecek arkadaşlar olursa çok sevinirim.

Eğer doğru anladıysam.
görünmeyen bir div var, fare ona gelince event bozuluyor.

Görünmeyen div next previous o sorun değil.

Sorun cardların üstüne gelince hover aksiyon aldığında taşma meydana geliyor box-shadow sebebiyle bu taşmayı göstermek istiyorum fakat .carousel-inner css overflow:hidden olduğu için yapamıyorum. visible yaptığımda ise kartların geçişlerinde animasyon bozuluyor.

Maalesef anlamadım ne demek istediğini. Görsel olarak iletebilirsen belki daha iyi anlarim. Video veya ss vs atar mısın

Yardım edebilecek kimse yok mudur ?

Şimdi istediğin gibi mi bir kontrol eder misin?

https://codepen.io/Karleon/pen/mdRPaBp