Only blurring one child in a parent element

Hi everyone! I was wondering if anyone knows how I can blur only one child in a parent element on the hover interaction. As you can see in the example I added below, I have four Team Cards each with a different employee’s picture. When a user hovers over each card, I want the Team Image to blur and I would like the Text Block to appear and give some more information about each person. At the moment (as you can see in the top left block of my example) both the image and text are getting blurred when I hover. I do not want the blur to only happen when a user hovers over the picture, it needs to be when they hover over the card. Is this possible to make a filter only apply to one of the child elements?


Here is my public share link: https://preview.webflow.com/preview/blurring-confusion?utm_medium=preview_link&utm_source=designer&utm_content=blurring-confusion&preview=7d5eb59435e6cf90370bdad532912bf3&workflow=preview