diff --git a/site/_includes/callout-info-content-iamge-overlay-overflow.md b/site/_includes/callout-info-content-iamge-overlay-overflow.md
new file mode 100644
index 0000000000..64112ac0bb
--- /dev/null
+++ b/site/_includes/callout-info-content-iamge-overlay-overflow.md
@@ -0,0 +1,4 @@
+{% capture callout %}
+Note that content should not be larger than the height of the image. If content is larger than the image the content will be displayed outside the image.
+{% endcapture %}
+{% include callout.html content=callout type="info" %}
\ No newline at end of file
diff --git a/site/docs/4.1/components/card.md b/site/docs/4.1/components/card.md
index 2eb2c117ae..aade11c8eb 100644
--- a/site/docs/4.1/components/card.md
+++ b/site/docs/4.1/components/card.md
@@ -391,6 +391,7 @@ Turn an image into a card background and overlay your card's text. Depending on
 </div>
 {% endcapture %}
 {% include example.html content=example %}
+{% include callout-info-content-iamge-overlay-overflow.md %}
 
 ## Card styles