Shopify Ifstatements in loop

so I'm trying to only blur images, that are found to contain certain tags, I'm able to do it but it blurs everything including the text. I can see where the images are held but applying the code there seems to have no effect.

<ul class="grid grid--uniform grid--view-items">


  

The code snippet to actually blur is

if applied in the li opening tag, it blurs the whole item including the text.

<div class="product-card__image-with-placeholder-wrapper" data-image-with-placeholder-wrapper="">

The code above is where only the images seem to be, but if the blur code is put above within the class, it doesn't seem to affect anything.

any suggestions on where or why it might not be taking effect? sorry if this is a little open, i've been messing with this quite a bit.