[SOLVED] How to show drop-shadow for clipped image?

Question

My current scripts :

.stone{
width:16px;
width:16px;
clip-path:circle(50% at 50% 50%);
position:absolute;
}

.soloStone{
filter:drop-shadow(0px 0px 5px #fff);
}

The circular images have no drop-shadow visual effect; However if i remove the clip-path, I can see the drop-shadow around the square boundary of the images.

Answer 1

Make .soloStone as parent of img tag
https://code.sololearn.com/Ww44mpGHR6oT/?ref=app

Answer 2

But my code is my contest code🤔
Isn't the part in my question enough to understand my situation?

Answer 3

Satnam Singh i changed line 758 to filter:drop-shadow(5px 5px 5px #fff); still no visible shadow😔