docs: update inline loading a11y images and content (#3084)

* update: content

* update: images

* update images

* fix: run format

Co-authored-by: Josefina Mancilla <josefinanoemi4@gmail.com>
Co-authored-by: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>

src/pages/components/inline-loading/accessibility.mdx

@@ -37,12 +37,11 @@ accessibility considerations, some of which are described below.
 
 ### Keyboard interaction
 
-The inline loading component is not itself keyboard operable; however, when
-inline loading is in an active state, it may temporarily replace or disable an
+The inline loading component is not keyboard operable; however, when inline
+loading is in an active state, it may temporarily replace or disable an
 associated component. For instance, if inline loading is showing the result of a
 button action, relevant input controls as well as other actions may be disabled
-(and so be inoperable) until the loading state changes to either error or
-complete.
+and inoperable until the loading state changes to either error or complete.
 
 <Row>
 <Column colLg={8}>
@@ -57,27 +56,23 @@ complete.
 </Column>
 </Row>
 
-### Labelling and states
+### Labeling and states
 
-Where there is displayed text for the inline loading, Carbon provides that text
-as the status to assistive technologies like screen readers. Where there is no
+Where there is displayed text for inline loading, Carbon provides the text as
+the status to assistive technologies like screen readers. Where there is no
 text, Carbon provides a text equivalent (“loading”) for the loading symbol.
 
 <DoDontRow>
-<DoDont
-colMd={4} colLg={4}
-caption="Inline loading text is provided to assistive technologies.">
+  <DoDont caption="Inline loading text is provided to assistive technologies.">
 
-![a loading icon with a text message of "Submitting..."](./images/inline-loading-accessibility-2.png)
+![a loading icon with a text message of "Submitting..."](images/inline-loading-accessibility-2.png)
 
-</DoDont>
-<DoDont
-colMd={4} colLg={4}
-caption="Where there is no text, Carbon provides a text equivalent for the loading symbol.">
+  </DoDont>
+  <DoDont type="do" caption="Where there is no text, Carbon provides a text equivalent for the loading symbol.">
 
-![An input with a loading symbol, showing the alt text of "loading"](./images/inline-loading-accessibility-3.png)
+![An input with a loading symbol, showing the alt text of "loading](images/inline-loading-accessibility-3.png)
 
-</DoDont>
+  </DoDont>
 </DoDontRow>
 
 ## Development considerations