Help me fix this CSS drop-shadow issue on my website
Ṁ526 / 526
bounty left

My blog has a drop shadow applied to the white rectangle the text is in. On some browsers, this also causes a drop shadow to be applied to the text itself, making it look blurry. You can test this here: https://outsidetheasylum.blog/test/

I would like to understand why this is happening and get a simple way to fix it, ideally with CSS only.

Get Ṁ600 play money
Sort by:

Replace `filter: drop-shadow(gray 0px 0px 0.2rem)` with `box-shadow: 0 0 0.2rem gray;` (you may need to tweak the 0.2rem value to your liking)

I'm unable to reproduce the original issue in the first place so ymmv.

What browsers do you have the problem with?