How to override filter:text shadow using css

I have a real problem in this code.
I’ve been trying to put the vertical line with the code inside the box without it showing the drop-shadow present in the octagon. Pls any help? Will really appreciate. Here is the code:
https://codepen.io/Kafolabi2020/pen/PoNzxdx?editors=1100

Hello there,

I do not understand what you mean by this. Could you explain what you are trying to achieve in a different way?

I cannot see any “code inside the box”, also I do not know which “vertical line” you are referring to.

I’ve been able to solve that, but for now the issue is that I do not want the paragraph to have the drop shadow like the avatar. Before I was having problem with the avatar to make it have the shadow until I nested it in a parent element with the class parent and put filter: drop-shadow(-0.1rem -0.1rem 0.4rem rgba(19, 232, 54)); But now I DO NOT want the paragraph with a div that starts with D & K boutique is a brand new tailoring enterprise… and the vertical line with a class vl to have the shadow. I don’t know how to do that. Any help, please.
You can refresh the page
Thanks

Please, please, please, please

All you need to do is close the .parent div before the #vl div.

Hope this helps

Thanks so so much :hugs: :hugs: :hugs: I’ve gotten it