📝 docs(collaborate-within-connected-microsoft-teams.rst): move image …

…of DM sync to relevant section

The image showing an example of a Mattermost direct message (DM) that is synced with a DM on Microsoft Teams has been moved to a more relevant section. This change improves the flow of the document and provides visual aid at the point where it is most relevant, enhancing the reader's understanding of the DM sync process.

source/collaborate/collaborate-within-connected-microsoft-teams.rst

@@ -12,9 +12,6 @@ The `Mattermost for Microsoft Teams plugin </about/mattermost-for-microsoft-team
 .. include:: ../_static/badges/academy-msteams.rst
   :start-after: :nosearch:
 
-.. image:: ../images/ms-teams-dm-sync-feb-2024.gif
-   :alt: An example of a Mattermost direct message (DM) that is synced with a DM on Microsoft Teams.
-
 Connect your Mattermost account to your Microsoft Teams account
 ---------------------------------------------------------------
 
@@ -45,6 +42,9 @@ You can start a direct or group message between Mattermost and Microsoft Teams u
 
 - Within Microsoft Teams, select **Chat > New chat**, and select the users you want to chat with. Your conversation is visible in both Mattermost and Microsoft Teams for all users who have connected their Mattermost user account to their Microsoft Teams user account.
 
+.. image:: ../images/ms-teams-dm-sync-feb-2024.gif
+   :alt: An example of a Mattermost direct message (DM) that is synced with a DM on Microsoft Teams.
+
 Collaborate through linked channels
 ------------------------------------