chore(docs): revise isBlurred note

Author: wingkwong

apps/docs/content/docs/components/card.mdx

@@ -75,15 +75,7 @@ You can use other NextUI components inside the card to compose a more complex ca
 
 You can pass the `isBlurred` prop to the card to blur the card. Card gets blurred properties based on its ancestor element.
 
-> **Note**: To achieve the blur effect as seen in the preview, you need to provide a suitable background to an ancestor element of the Card component. The following example adds a gradient background to a parent div, allowing the Card's blur effect to be visible.
-
-```jsx
-<div className="bg-gradient-to-tr from-[#FFB457] to-[#FF705B]">
-  <Card isBlurred>
-    {/* Card content */}
-  </Card>
-</div>
-```
+> **Note**: To achieve the blur effect as seen in the preview, you need to provide a suitable background (e.g., `bg-gradient-to-tr from-[#FFB457] to-[#FF705B]`) to an ancestor element of the Card component allowing the Card's blur effect to be visible.
 
 <CodeDemo isGradientBox title="Blurred Card" files={cardContent.blurred} />