Custom Scopes In Third Party Applications Image Update (#3301)

* remove diagram

* insert image

* Shrink images

---------

Co-authored-by: alex-fusionauth <alex-fusionauth@users.noreply.github.com>

astro/src/content/blog/custom-scopes-in-third-party-applications.mdx

@@ -10,8 +10,7 @@ excerpt_separator: "{/* more */}"
 ---
 
 import Aside from '/src/components/Aside.astro';
-import {RemoteCode} from '@fusionauth/astro-components';
-import LoginArchitecture from '/src/diagrams/blog/custom-scopes-in-third-party-applications/login-diagram.astro';
+import { RemoteCode } from '@fusionauth/astro-components';
 
 What are third-party applications and custom scopes? How would I implement OAuth scopes using FusionAuth?
 
@@ -91,7 +90,7 @@ From here the user can choose to disconnect Change Bank from the Budget Buddy ap
 
 It can be confusing with the screenshots all showing the local host due to the way Safari renders the URL. In the example application, there are two applications (Change Bank API / Budget Buddy Web App) and FusionAuth is the IdP for the Change Bank applications. In a real-world example, Change Bank would likely also have a web application. A diagram of what that may look like would be as follows: 
 
-<LoginArchitecture />
+<img src="/img/blogs/custom-scopes-in-third-party-applications/custom-scopes-in-third-party-applications-diagram.png" alt="Diagram showing Change Bank Web App, Change Bank API, and Budget Buddy Get Balance login to Change Bank IDP. Beside that diagram is another diagram that shows Budget Buddy Web App login to Budget Buddy IDP." />
 
 It should be clear that Budget Buddy is its own application with its own identity provider. In the case that it requests the user's Change Bank balance, the Change Bank login flow would be initiated against the Change Bank IdP. The user would then log in and grant Budget Buddy the necessary consent to retrieve the balance.