docs: update notification images with correct content (carbon-design-…

…system#3981)

* update usage images

* remove old images

* update style images

---------

Co-authored-by: Taylor Jones <[email protected]>

src/pages/components/notification/style.mdx

@@ -10,7 +10,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ### Low contrast
 
-![Low contrast notifications](images/notification-style-1-low-contrast.png)
+![Low contrast notifications](images/notification-style-low-contrast.png)
 
 <Caption>Low contrast notifications in the White theme</Caption>
 
@@ -34,7 +34,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ### High contrast
 
-![High contrast notifications in the White theme](images/notification-style-2-high-contrast.png)
+![High contrast notifications in the White theme](images/notification-style-high-contrast.png)
 
 <Caption>High contrast notifications in the White theme</Caption>
 
@@ -83,7 +83,7 @@ capitalized. Notification titles should be concise and to the point.
 
 <div className="image--fixed">
 
-![Structure and spacing for a toast notification](images/notification-style-3-toast.png)
+![Structure and spacing for a toast notification](images/notification-style-structure-toast.png)
 
 </div>
 
@@ -107,7 +107,7 @@ The width of an _inline notification_ will vary based on content or layout.
 
 <div className="image--fixed">
 
-![Structure and spacing for an inline notification](images/notification-style-3-inline.png)
+![Structure and spacing for an inline notification](images/notification-style-structure-inline.png)
 
 </div>
 

src/pages/components/notification/usage.mdx

@@ -95,7 +95,7 @@ although some product teams also support banners and notification centers.
 <Row>
 <Column colLg={8}>
 
-![notification anatomy image](images/01_notification_anatomy.png)
+![notification anatomy image](images/notification-usage-anatomy.png)
 
 </Column>
 </Row>
@@ -192,7 +192,7 @@ inputs, they should supplement the error state on that specific input field.
 <Row>
 <Column colLg={8}>
 
-![Example of inline notification placement](images/03_notification_placement_inline_608.png)
+![Example of inline notification placement](images/notification-usage-placement.png)
 
 <Caption>
   Example of an inline notification supporting an error message on a form
@@ -295,7 +295,7 @@ are alternative routes to navigate to the link destination.
 <Row>
 <Column colLg={8}>
 
-![Example of actionable notifications](images/07_actionable_types_608.png)
+![Example of actionable notifications](images/notification-usage-actionable.png)
 
 <Caption>
   Actionable toast notification (top); actionable inline notification (bottom)
@@ -357,7 +357,7 @@ low-contrast notifications.
 <Row>
 <Column colLg={8}>
 
-![High and low contrast inline notifications](images/06_notification_contrast_608.png)
+![High and low contrast inline notifications](images/notification-usage-contrast.png)
 
 <Caption>
     High contrast notification (top); low contrast notification (bottom)