Gifs updated

Author: ihsraham

docs/features/whitelabel.mdx

@@ -7,11 +7,6 @@ image: "images/docs-meta-cards/documentation-card.png"
 
 import CommonQuestions from "@site/src/components/CommonQuestions";
 
-import DarkMode from "@site/static/guides/whitelabel-web3auth-openlogin-dark.png";
-import LightMode from "@site/static/guides/whitelabel-web3auth-openlogin-light.png";
-import StandardColor from "@site/static/guides/whitelabel-web3auth-openlogin-theme1.png";
-import ModifiedColor from "@site/static/guides/whitelabel-web3auth-openlogin-theme2.png";
-
 Web3Auth's whitelabeling capabilities allow customization of the user interface, branding, and
 translations, ensuring the authentication flow seamlessly aligns with your application's identity.
 
@@ -27,7 +22,7 @@ Dashboard (version 8.5.0 onwards)and code. The main whitelabeling options includ
 - User Flow and MFA Screen Transition
 - Language Customization and Localization
 
-![Web3Auth Whitelabeling Dashboard](/images/whitelabel/whitelabel-dashboard.gif)
+![Web3Auth Whitelabeling Dashboard](/images/dashboard/branding.gif)
 
 :::tip
 
@@ -49,70 +44,17 @@ use this feature is the **Growth Plan**.
 Adapt the login modal's design to reflect your application's branding, from colors and logos to
 fonts and button styles.
 
-![Web3Auth Plug and Play Login Modal](/images/whitelabel/modal/whitelable-login-modal.gif)
-
 ### User Flow and MFA Screen Transition
 
-Provide a consistent and engaging experience throughout the user authentication process, including
-the transition between different authentication stages and support for both light and dark modes.
-
-<br />
-
-<div className="text-image-column">
-  <div>
-    <h4>Light mode</h4>
-    <img
-      style={{ display: "block", maxHeight: "500px", alignSelf: "center" }}
-      src={LightMode}
-      alt="light theme"
-    />
-  </div>
-  <div>
-    <h4>Dark Mode</h4>
-    <img
-      style={{ display: "block", maxHeight: "500px", alignSelf: "center" }}
-      src={DarkMode}
-      alt="dark theme"
-    />
-  </div>
-</div>
-
-<br />
-
-<div className="text-image-column">
-  <div>
-    <h4>
-      Standard color <code>#0364FF</code>
-    </h4>
-    <img
-      style={{ display: "block", maxHeight: "500px", alignSelf: "center" }}
-      src={StandardColor}
-      alt="Theme is a record of colors that can be configured."
-    />
-  </div>
-  <div>
-    <h4>
-      Color changed to <code>#D72F7A</code>
-    </h4>
-    <img
-      style={{ display: "block", maxHeight: "500px", alignSelf: "center" }}
-      src={ModifiedColor}
-      alt="Theme affects icons and links."
-    />
-  </div>
-</div>
-<br />
+Select the user flow and MFA screen transition to customize the user experience via the Dashboard.
 
 ### Language Customization and Localization
 
-Web3Auth supports multiple languages, improving accessibility and user engagement across diverse
-demographics.
-
-- **Multi-Language Support:** Web3Auth offers localization in various languages, including English
-  (en), Spanish (es), German (de), Chinese (zh), Japanese (ja), Korean (ko), French (fr), Portuguese
-  (pt), and Dutch (nl).
+Web3Auth supports switching between multiple languages, improving accessibility and user engagement
+across diverse demographics.
 
-  ![Language Modified Screen](@site/static/guides/whitelabel-web3auth-openlogin-language.png)
+- **Multi-Language Support:** Web3Auth offers localization in various languages, including English,
+  Spanish, German, Mandarin, Korean, Japanese, French, Portuguese, Turkish, and Dutch.
 
 - **Open-Source Contributions:** Language support is maintained in an open-source repository,
   enabling community contributions to add or enhance translations.

docs/migration-guides/modal-v9-to-v10.mdx

@@ -132,7 +132,7 @@ configurations and a more direct approach to modal customization.
   - Most general branding settings previously in the client-side `uiConfig` (e.g., `appName`,
     `logoLight`, `logoDark`, `theme` colors) are **now primarily configured on the
     [Web3Auth Developer Dashboard](https://dashboard.web3auth.io)**.
-    ![Branding customizations on Web3Auth Dashboard](https://i.ibb.co/xKzWt6wp/branding.gif)
+    ![Branding customizations on Web3Auth Dashboard](/images/dashboard/branding.gif)
   - **Action:** Transfer v9 `uiConfig` branding to the dashboard. Client-side `uiConfig` in v10
     `Web3AuthOptions` is minimal, for overrides not covered by the dashboard.