From 82dbb7da2ffcf8e3b262d1f866f33a9c6e990211 Mon Sep 17 00:00:00 2001
From: Louis-Maxime Piton <louismaxime.piton@orange.com>
Date: Mon, 29 Aug 2022 14:19:01 +0200
Subject: [PATCH] fix(cards): refine rendering of cards with image overlays
 (#1493)

---
 site/content/docs/5.2/components/card.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/content/docs/5.2/components/card.md b/site/content/docs/5.2/components/card.md
index 043462de98..52f3378768 100644
--- a/site/content/docs/5.2/components/card.md
+++ b/site/content/docs/5.2/components/card.md
@@ -376,8 +376,8 @@ Similar to headers and footers, cards can include top and bottom "image caps"—
 Turn an image into a card background and overlay your card's text. Depending on the image, you may or may not need additional styles or utilities.
 
 {{< example >}}
-<div class="card">
-  {{< placeholder width="100%" height="270" class="bd-placeholder-img-lg card-img" text="Card image" >}}
+<div class="card text-bg-dark">
+  {{< placeholder width="100%" height="270" class="bd-placeholder-img-lg card-img" text="Card image" background="#000" >}}
   <div class="card-img-overlay">
     <h5 class="card-title">Card title</h5>
     <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>