docs(hint): Update images for v6 (#4594)

* docs(hint): Update images for v6

Author: kaylachumley

packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md

@@ -2,14 +2,17 @@
 id: Hint
 section: components
 ---
+import '../components.css';
 
 For information on other forms of on-screen help, see [Tooltip](/components/tooltip/design-guidelines) and [Popover](/components/popover/design-guidelines).
 
 ## Usage
 
 Use hints to share information about an interaction or prerequisite step that might not be immediately obvious to the user.
 
-<img src="./img/hint-layout.png" alt="blue hint at the top of an application page" width="750"/> 
+<div class="ws-docs-content-img">
+![hint at the top of a UI screen](./img/hint-element.svg)
+</div>
 
 ## Content considerations 
 Use full sentences with punctuation.