DEVDOCS-5574 [update]: GQL SF API, change images to new playground (#…

…2098)

docs/api-docs/storefront/graphql/graphql-api-overview.mdx

@@ -38,7 +38,7 @@ To access the GraphQL Storefront API Playground and documentation, [sign in to y
 
 The GraphQL Storefront API Playground will open.
 
-![GraphQL Storefront API Playground](https://raw.githubusercontent.com/bigcommerce/dev-docs/master/assets/images/graphql-storefront-api-playground.png "GraphQL Storefront API Playground")
+![GraphQL Storefront API Playground](https://storage.googleapis.com/bigcommerce-production-dev-center/images/Playground%20Main%20Image.png "GraphQL Storefront API Playground")
 
 <Callout type="info">
   If the **Storefront API Playground** link is not visible, this may be because your store is not using a Stencil theme. Apply a Stencil theme to use the GraphQL Storefront API.
@@ -49,7 +49,7 @@ The GraphQL Storefront API Playground will open.
 To use the request runner, input queries on the left side and then click the **Play** button. Query results will be displayed on the right side.
 
 
-![GraphQL Playground Query](https://raw.githubusercontent.com/bigcommerce/dev-docs/master/assets/images/graphql-storefront-api-playground2.png "GraphQL Playground Query")
+![GraphQL Playground Query](https://storage.googleapis.com/bigcommerce-production-dev-center/images/Playground%20First%20Query.png "GraphQL Playground Query")
 
 The following is an example query to get you started.
 
@@ -82,9 +82,9 @@ query MyFirstQuery {
 }
 ```
 
-To explore the storefront GraphQL schema, checkout the **Docs** and **Schema** tabs on the right.
+To explore the storefront GraphQL schema, checkout the **Docs** and **Explorer** tabs on the right.
 
-![GraphQL Playground Docs](https://raw.githubusercontent.com/bigcommerce/dev-docs/master/assets/images/graphql-playground-docs.png "GraphQL Playground Docs")
+![GraphQL Playground Docs](https://storage.googleapis.com/bigcommerce-production-dev-center/images/Playground%20Docs%20Explorer%20Tab.png "GraphQL Playground Docs")
 
 You may also explore the graph visually using our [GraphQL Explorer](https://developer.bigcommerce.com/graphql-explorer).
 
@@ -227,7 +227,7 @@ This mutation is also useful for server-to-server or headless storefront applica
 
 As a security best practice, you should inject the email address & password using GraphQL query variables. This prevents the password from being exposed in the query itself. In the [GraphQL Playground](/graphql-playground), you can set the variables for the request.
 
-![GraphQL Playground Query Variables](https://raw.githubusercontent.com/bigcommerce/dev-docs/master/assets/images/graphql-overview-01.png "GraphQL Playground Query Variables")
+![GraphQL Playground Query Variables](https://storage.googleapis.com/bigcommerce-production-dev-center/images/Playground%20Login%20Mutation.png "GraphQL Playground Query Variables")
 
 You can use a logout mutation to sign out of a customer account: