docs(input groups): Updates images for v6. (#4599)

* docs(input groups): Updates images for v6.

* Fixes image annotation.

---------

Co-authored-by: Andrew Ronaldson <aronalds@redhat.com>

Author: bekah-stephens

packages/documentation-site/patternfly-docs/content/design-guidelines/components/input-group/img/input-group-usage.svg

@@ -3,11 +3,15 @@ id: Input group
 section: components
 ---
 
+import '../components.css';
+
 ## Usage
 
 Input groups can combine multiple elements. For example you could add buttons to 1 or both sides of a text input, like in a search field or an email input field. 
 
-<img src="./img/input-group.png" alt="Example of input groups" width="506"/>
+<div class="ws-docs-content-img">
+![Examples of input groups.](./img/input-group-usage.svg)
+</div>
 
 ### When to use
 Use an input group when the elements are directly connected to each other. Examples include an action button to act on the text, a mandatory and fixed piece of text, a class of text when in a filter, a unit of currency, and more.