Is there a way to have a clear image and text on top of a blurred bg-image within a div via Tailwind CSS?

I have been working on this issue for like 4 hours now and I am coming up with nothing.

I want to be able to make a card element for my website, I want the background to be blurred but i want an image on top of that blurred image and text.

I am using tailwind and so far my attempts have blurred everything.

Here is my attempt https://play.tailwindcss.com/PK2FXaIYx4?size=564x720