Add clear description and use case with example

diff --git a/docs/4.0/utilities/image-replacement.md b/docs/4.0/utilities/image-replacement.md
index 1331a789e12e24d1bb0f88017299c041dd13fbe1..98c09346b32b1bfa5f3ce8d95174475cd73ffa7d 100644 (file)
--- a/docs/4.0/utilities/image-replacement.md
+++ b/docs/4.0/utilities/image-replacement.md
@@ -19,17 +19,8 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten
 }
 {% endhighlight %}
 
-The `.text-hide` class is useful for when you want the benefits heading tags like accessibility and SEO, but want to utilize your brand's logo image instead of text.
+Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text.
 
 {% example html %}
 <h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
 {% endexample %}
-{% highlight html %}
-<h1 class="text-hide logo">Bootstrap</h1>
-{% endhighlight %}
-{% highlight scss %}
-.logo {
-  background-image: url('/assets/brand/bootstrap-solid.svg');
-}
-{% endhighlight %}
-