docs:(password strength):v6 design guidelines image updates

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

@@ -3,21 +3,19 @@ id: Password strength
 section: components
 ---
 
+import '../components.css';
+
 A **password strength indicator** is displayed to a user after they have entered a password in a field. It allows the user to understand the strength of a password after it has met the password requirements. The strength of the password is determined by a validation algorithm after the specific rules are met.  Using a password strength indicator allows users to create stronger passwords, offering better protection from breaches. 
 
 ## Elements
 
-<img src="./img/password strength indicator weak.png" alt="password strength indicator weak" width="780"/>
-<br/>
-<img src="./img/password strength indicator medium.png" alt="password strength indicator medium" width="780"/>
-<br/>
-<img src="./img/password strength indicator strong.png" alt="password strength indicator strong" width="780"/>
+<div class="ws-docs-content-img">![password strength indicator weak](./img/password-weak.svg)</div>
 <br/>
 
 The password strength indicator is located on the top right corner of the input field. It displays the following strength types:
-1. Weak
-2. Medium
-3. Strong
+1. Password strength: Indicates if the password used is weak or strong.
+2. Toggle: Used to hide and unhide the password characters.
+3. Helper text: Displays password requirements and recommendations to improve password strength.
 
 ## Behavior