update art to fit columns

Author: lindalu-MSFT

docs/overview/core-concepts-office-add-ins.md

@@ -20,11 +20,11 @@ For any add-in you build, you need to understand the following concepts.
 - Troubleshooting your add-in
 - Publishing your add-in
 
-For the best foundation for these common features and application-specific implementations, review the documentation listed in the following table.
+For the best foundation for these common features and application-specific implementations, review the following documentation.
 
 :::row:::
    :::column span="":::
-       :::image type="content" source="../images/i_best-practices_small.svg" width="100" :::
+       :::image type="content" source="../images/office-add-ins-lifecycle-step-1-plan.png":::
    :::column-end:::
    :::column span="3":::
        **Plan**</br>
@@ -33,7 +33,7 @@ For the best foundation for these common features and application-specific imple
 :::row-end:::
 :::row:::
    :::column span="":::
-       :::image type="content" source="../images/i_code-blocks_small.svg" width="100" :::
+       :::image type="content" source="../images/office-add-ins-lifecycle-step-2-develop.png":::
    :::column-end:::
    :::column span="3":::
        **Develop**</br>
@@ -42,7 +42,7 @@ For the best foundation for these common features and application-specific imple
 :::row-end:::
 :::row:::
    :::column span="":::
-       :::image type="content" source="../images/i_recommended-testing_small.svg" width="100" :::
+       :::image type="content" source="../images/office-add-ins-lifecycle-step-3-test-and-debug.png":::
    :::column-end:::
    :::column span="3":::
        **Test and debug**</br>
@@ -51,7 +51,7 @@ For the best foundation for these common features and application-specific imple
 :::row-end:::
 :::row:::
    :::column span="":::
-       :::image type="content" source="../images/i_deploy_small.svg" width="100" :::
+       :::image type="content" source="../images/office-add-ins-lifecycle-step-3-test-and-debug.png":::
    :::column-end:::
    :::column span="3":::
        **Publish**</br>
@@ -60,7 +60,7 @@ For the best foundation for these common features and application-specific imple
 :::row-end:::
 :::row:::
    :::column span="":::
-       :::image type="content" source="../images/i_reference_small.svg" width="100" :::
+       :::image type="content" source="../images/office-add-ins-lifecycle-step-5-reference.png":::
    :::column-end:::
    :::column span="3":::
        **Reference**</br>

docs/reference/javascript-api-for-office.md

@@ -19,33 +19,31 @@ You should use application-specific APIs whenever feasible, and use Common APIs
 
 ## API reference
 
-:::image type="content" source="<folderPath>" alt-text="<alt text>":::
-
 :::row:::
    :::column span="":::
-        :::image type="content" source="../images/index/logo-excel.svg" width="100" alt-text="Excel API reference":::
+        :::image type="content" source="../images/index/logo-excel.svg" alt-text="Excel API reference":::
         </br>**Excel API reference**</br>[JavaScript APIs for building Excel add-ins](/javascript/api/excel).
    :::column-end:::
    :::column span="":::
-        :::image type="content" source="../images/index/logo-outlook.svg" width="100" alt-text="Outlook API reference":::
+        :::image type="content" source="../images/index/logo-outlook.svg" alt-text="Outlook API reference":::
         </br>**Outlook API reference**</br>[JavaScript APIs for building Outlook add-ins](/javascript/api/outlook).
    :::column-end:::
    :::column span="":::
-        :::image type="content" source="../images/index/logo-word.svg" width="100" alt-text="Word API reference":::
+        :::image type="content" source="../images/index/logo-word.svg" alt-text="Word API reference":::
         </br>**Word API reference**</br>[JavaScript APIs for building Word add-ins](/javascript/api/word).
    :::column-end:::
 :::row-end:::
 :::row:::
    :::column span="":::
-        :::image type="content" source="../images/index/logo-powerpoint.svg" width="100" alt-text="PowerPoint API reference":::
+        :::image type="content" source="../images/index/logo-powerpoint.svg" alt-text="PowerPoint API reference":::
         </br>**PowerPoint API reference**</br>[JavaScript APIs for building PowerPoint add-ins](/javascript/api/powerpoint).
    :::column-end:::
    :::column span="":::
-        :::image type="content" source="../images/index/logo-onenote.svg" width="100" alt-text="OneNote API reference":::
+        :::image type="content" source="../images/index/logo-onenote.svg" alt-text="OneNote API reference":::
         </br>**OneNote API reference**</br>[JavaScript APIs for building OneNote add-ins](/javascript/api/onenote).
    :::column-end:::
    :::column span="":::
-   :::image type="content" source="../images/index/logo-office.png" width="100" alt-text="Common API reference":::
+   :::image type="content" source="../images/index/logo-office.png" alt-text="Common API reference":::
         </br>**Common API reference**</br>[JavaScript APIs that can be used by any Office Add-in](/javascript/api/office).
    :::column-end:::
 :::row-end:::