Отбросить тень на объект изображения с белым фоном ⇐ CSS

[Anonymous]

Я использую NextJs с TailWindcss и создаю карту продукта. Это покажет тень на кривых объекта, заставляя его выглядеть более реалистичным

Проблема, с которой я сталкиваюсь:

[*] Я применил тень, но, поскольку мои изображения не прозрачны и исходят из внешнего источника, тень выглядит очень плохо:

. />
[img]{saleData.thumbnail}
alt={saleData.name}
className='mix-blend-multiply !w-[65%] !h-[90%] !top-1/2 !left-1/2 -translate-1/2'
style={{
filter: 'drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5))',
}}
/>



Подробнее здесь: https://stackoverflow.com/questions/797 ... background