Update some img with borders for the integrations

website/docs/advanced/code-references/bitbucket-pipe.mdx

@@ -10,7 +10,7 @@ You can find more information about Bitbucket Pipelines <a target="_blank" href=
 ## Setup
 
 1. Create a new <a target="_blank" href="https://app.configcat.com/my-account/public-api-credentials">ConfigCat Management API credential</a> and store its values in secure pipeline variables with the following names: `CONFIGCAT_API_USER`, `CONFIGCAT_API_PASS`.
-   <img  src="/docs/assets/cli/scan/pipe_secrets.png" alt="Bitbucket Pipe secrets" />
+   <img  src="/docs/assets/cli/scan/pipe_secrets.png" className="bordered-img" alt="Bitbucket Pipe secrets" />
 
 2. Get your selected [Config's ID](overview.mdx#config-id).
 

website/docs/advanced/code-references/bitrise-step.mdx

@@ -10,7 +10,7 @@ to automatically scan your source code for feature flag and setting usages and u
 ## Setup
 
 1. Create a new <a target="_blank" href="https://app.configcat.com/my-account/public-api-credentials">ConfigCat Management API credential</a> and store its values in secure pipeline variables with the following names: `CONFIGCAT_API_USER`, `CONFIGCAT_API_PASS`.
-   <img  src="/docs/assets/cli/scan/bitrise_secrets.png" alt="Bitrise secrets" />
+   <img  src="/docs/assets/cli/scan/bitrise_secrets.png" className="bordered-img" alt="Bitrise secrets" />
 
 2. Get your selected [Config's ID](overview.mdx#config-id).
 

website/docs/advanced/code-references/circleci-orb.mdx

@@ -10,7 +10,7 @@ You can find more information about CircleCI Orbs <a target="_blank" href="https
 ## Setup
 
 1. Create a new <a target="_blank" href="https://app.configcat.com/my-account/public-api-credentials">ConfigCat Management API credential</a> and store its values in <a target="_blank" href="https://circleci.com/docs/2.0/env-vars/#setting-an-environment-variable-in-a-project">CircleCI Environment Variables</a> with the following names: `CONFIGCAT_API_USER`, `CONFIGCAT_API_PASS`.
-   <img  src="/docs/assets/cli/scan/cco_secrets.png" alt="CircleCI Orb secrets" />
+   <img  src="/docs/assets/cli/scan/cco_secrets.png" className="bordered-img" alt="CircleCI Orb secrets" />
 
 2. Get your selected [Config's ID](overview.mdx#config-id).
 

website/docs/integrations/amplitude.mdx

@@ -18,7 +18,7 @@ There are two available integration opportunities between ConfigCat and Amplitud
 
 Every feature flag change in ConfigCat is annotated on the Amplitude charts as a vertical line and some details are added automatically about the change.
 
-<img src="/docs/assets/amplitude_chart.png" className="zoomable" alt="amplitude_chart" />
+<img src="/docs/assets/amplitude_chart.png" className="bordered-img zoomable" alt="amplitude_chart" />
 
 ### Installation
 
@@ -41,7 +41,7 @@ Every annotation sent to Amplitude by ConfigCat has:
 - **Name:** A brief summary of the change.
 - **Description:** A direct link to the Product/Config/Environment of the feature flag in ConfigCat.
 
-<img src="/docs/assets/amplitude_annotation.png" className="zoomable" alt="amplitude_annoation" />
+<img src="/docs/assets/amplitude_annotation.png" className="bordered-img zoomable" alt="amplitude_annoation" />
 
 
 ## Sending feature flag evaluation analytics to Amplitude Experiments {#experiments}
@@ -260,8 +260,8 @@ Check your Experiments page in Amplitude and select your feature flag as the Exp
 ### Usage with custom chart
 If you don't have access to the Experiments feature in Amplitude, you can create a custom chart based on the `Exposure` event. 
 You can filter for your feature flag keys with the `Flag Key` property and visualize the different variants by using the `Variant` property as a Breakdown. Example:
-<img src="/docs/assets/amplitude/customchart.png" className="zoomable" alt="Amplitude custom chart" />
+<img src="/docs/assets/amplitude/customchart.png" className="bordered-img zoomable" alt="Amplitude custom chart" />
 
 ### Usage with enriched user properties for your custom events.
 If you use the <a href="https://www.docs.developers.amplitude.com/analytics/apis/identify-api/" target="_blank" rel="noopener noreferrer">Identify API</a> approach, you'll be able to use the feature flag evaluation data in your current reports. You can Group Segments by your feature flag evaluations:
-<img src="/docs/assets/amplitude/enriched.png" className="zoomable" alt="Amplitude chart with enriched data" />
+<img src="/docs/assets/amplitude/enriched.png" className="bordered-img zoomable" alt="Amplitude chart with enriched data" />

website/docs/integrations/jira.mdx

@@ -8,7 +8,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ## Installation
 
-<img src="/docs/assets/jira/auth.gif" className="zoomable" alt="Installation of the ConfigCat Feature Flags Jira Cloud Plugin" />
+<img src="/docs/assets/jira/auth.gif" className="bordered-img zoomable" alt="Installation of the ConfigCat Feature Flags Jira Cloud Plugin" />
 
 1. Add <a href="https://marketplace.atlassian.com/1222421" target="_blank">ConfigCat Feature Flags</a> to your Jira Cloud instance.
 2. Select `Configure`.
@@ -21,7 +21,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### Linking existing feature flags
 
-<img src="/docs/assets/jira/link-existing.gif" className="zoomable" alt="Linking existing feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/link-existing.gif" className="bordered-img zoomable" alt="Linking existing feature flags in Jira Cloud Plugin" />
 
 1. Open any Issue on your Jira board.
 2. Push `Link/Create ConfigCat Feature Flag`
@@ -30,7 +30,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### Creating new feature flags
 
-<img src="/docs/assets/jira/create-link.gif" className="zoomable" alt="Create feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/create-link.gif" className="bordered-img zoomable" alt="Create feature flags in Jira Cloud Plugin" />
 
 1. Open any Issue on your Jira board.
 2. Push `Link/Create ConfigCat Feature Flag`
@@ -41,7 +41,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### View and Edit linked feature flags
 
-<img src="/docs/assets/jira/edit-ff.gif" className="zoomable" alt="View and Edit linked feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/edit-ff.gif" className="bordered-img zoomable" alt="View and Edit linked feature flags in Jira Cloud Plugin" />
 
 1. Open an Issue on your Jira board with linked feature flag.
 2. You can see the linked feature flags in the `Feature Flag (ConfigCat)` issue section.
@@ -52,26 +52,26 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### Remove linked feature flags
 
-<img src="/docs/assets/jira/remove-ff.gif" className="zoomable" alt="Remove linked feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/remove-ff.gif" className="bordered-img zoomable" alt="Remove linked feature flags in Jira Cloud Plugin" />
 
 1. Open an Issue on your Jira board with linked feature flag.
 2. Remove the linked feature flag by clicking the red X in the top right corner.
 
 ### View flag status in Releases
 
-<img src="/docs/assets/jira/release-field.gif" className="zoomable" alt="View feature flags in releases field" />
+<img src="/docs/assets/jira/release-field.gif" className="bordered-img zoomable" alt="View feature flags in releases field" />
 
 1. Open an Issue on your Jira board with linked feature flag.
 2. Check the `Releases` field values in the issue Details section to see the linked feature flags status in the Issue.
 3. Click it for more detailed dialog.
 
-<img src="/docs/assets/jira/release-hub.gif" className="zoomable" alt="View feature flags in Release hub" />
+<img src="/docs/assets/jira/release-hub.gif" className="bordered-img zoomable" alt="View feature flags in Release hub" />
 
 1. Open a version in the project Release Hub to see the related issues feature flag status.
 2. Click it for more detailed dialog.
 
 ### View linked issues in ConfigCat
 
-<img src="/docs/assets/jira/open-from-dashboard.gif" className="zoomable" alt="Link in Dashboard" />
+<img src="/docs/assets/jira/open-from-dashboard.gif" className="bordered-img zoomable" alt="Link in Dashboard" />
 
 1. View linked issues next to your Feature Flags in ConfigCat and jump to the Jira Issue directly.

website/docs/integrations/segment.mdx

@@ -18,7 +18,7 @@ There are two available integration opportunities between [ConfigCat and Twilio
 
 Ensures that every setting change in ConfigCat is sent to Segment as a <a href="https://segment.com/docs/connections/spec/track/" target="_blank" rel="noopener noreferrer">track event</a>.
 
-<img src="/docs/assets/segment/featureflagchanged.png" className="zoomable" alt="Twilio Segment Feature Flag Changed event" />
+<img src="/docs/assets/segment/featureflagchanged.png" className="bordered-img zoomable" alt="Twilio Segment Feature Flag Changed event" />
 
 ### Installation
 
@@ -429,4 +429,4 @@ The `variationId` is a hashed version of the feature flag value, accessible on t
 
 ### Example event
 Check your source's debugger to see the events.
-<img src="/docs/assets/segment/featureflagevaluated.png" className="zoomable" alt="Twilio Segment event debugger" />
+<img src="/docs/assets/segment/featureflagevaluated.png" className="bordered-img zoomable" alt="Twilio Segment event debugger" />

website/docs/integrations/zapier.mdx

@@ -29,7 +29,7 @@ Each Zap has one app as the **Trigger**, where your information comes from and w
 
 1. You should select the [Product](../main-concepts.mdx#product) in which you want to get notified about the Feature Flag or Setting value changes and optionally you can filter these notifications by specific [Configs](../main-concepts.mdx#config) or [Environments](../main-concepts.mdx#environment).
 
-<img src="/docs/assets/zapier_customize.png" className="zoomable" alt="zapier_customize" />
+<img src="/docs/assets/zapier_customize.png" className="bordered-img zoomable" alt="zapier_customize" />
 
 1. Once that's done you can start creating an automation! Use a pre-made Zap or create your own with the Zap Editor. Creating a Zap requires no coding knowledge and you'll be walked step-by-step through the setup.
 
@@ -48,7 +48,7 @@ Available fields to include in your flow:
 
 ### Configuration in Zapier
 
-<img src="/docs/assets/zapier_config.png" className="zoomable" alt="zapier_config" />
+<img src="/docs/assets/zapier_config.png" className="bordered-img zoomable" alt="zapier_config" />
 
 ### Result in Slack
 

website/versioned_docs/version-V1/integrations/amplitude.mdx

@@ -18,7 +18,7 @@ There are two available integration opportunities between ConfigCat and Amplitud
 
 Every feature flag change in ConfigCat is annotated on the Amplitude charts as a vertical line and some details are added automatically about the change.
 
-<img src="/docs/assets/amplitude_chart.png" className="zoomable" alt="amplitude_chart" />
+<img src="/docs/assets/amplitude_chart.png" className="bordered-img zoomable" alt="amplitude_chart" />
 
 ### Installation
 
@@ -41,7 +41,7 @@ Every annotation sent to Amplitude by ConfigCat has:
 - **Name:** A brief summary of the change.
 - **Description:** A direct link to the Product/Config/Environment of the feature flag in ConfigCat.
 
-<img src="/docs/assets/amplitude_annotation.png" className="zoomable" alt="amplitude_annoation" />
+<img src="/docs/assets/amplitude_annotation.png" className="bordered-img zoomable" alt="amplitude_annoation" />
 
 
 ## Sending feature flag evaluation analytics to Amplitude Experiments {#experiments}
@@ -260,8 +260,8 @@ Check your Experiments page in Amplitude and select your feature flag as the Exp
 ### Usage with custom chart
 If you don't have access to the Experiments feature in Amplitude, you can create a custom chart based on the `Exposure` event. 
 You can filter for your feature flag keys with the `Flag Key` property and visualize the different variants by using the `Variant` property as a Breakdown. Example:
-<img src="/docs/assets/amplitude/customchart.png" className="zoomable" alt="Amplitude custom chart" />
+<img src="/docs/assets/amplitude/customchart.png" className="bordered-img zoomable" alt="Amplitude custom chart" />
 
 ### Usage with enriched user properties for your custom events.
 If you use the <a href="https://www.docs.developers.amplitude.com/analytics/apis/identify-api/" target="_blank" rel="noopener noreferrer">Identify API</a> approach, you'll be able to use the feature flag evaluation data in your current reports. You can Group Segments by your feature flag evaluations:
-<img src="/docs/assets/amplitude/enriched.png" className="zoomable" alt="Amplitude chart with enriched data" />
+<img src="/docs/assets/amplitude/enriched.png" className="bordered-img zoomable" alt="Amplitude chart with enriched data" />

website/versioned_docs/version-V1/integrations/jira.mdx

@@ -8,7 +8,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ## Installation
 
-<img src="/docs/assets/jira/auth.gif" className="zoomable" alt="Installation of the ConfigCat Feature Flags Jira Cloud Plugin" />
+<img src="/docs/assets/jira/auth.gif" className="bordered-img zoomable" alt="Installation of the ConfigCat Feature Flags Jira Cloud Plugin" />
 
 1. Add <a href="https://marketplace.atlassian.com/1222421" target="_blank">ConfigCat Feature Flags</a> to your Jira Cloud instance.
 2. Select `Configure`.
@@ -21,7 +21,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### Linking existing feature flags
 
-<img src="/docs/assets/jira/link-existing.gif" className="zoomable" alt="Linking existing feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/link-existing.gif" className="bordered-img zoomable" alt="Linking existing feature flags in Jira Cloud Plugin" />
 
 1. Open any Issue on your Jira board.
 2. Push `Link/Create ConfigCat Feature Flag`
@@ -30,7 +30,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### Creating new feature flags
 
-<img src="/docs/assets/jira/create-link.gif" className="zoomable" alt="Create feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/create-link.gif" className="bordered-img zoomable" alt="Create feature flags in Jira Cloud Plugin" />
 
 1. Open any Issue on your Jira board.
 2. Push `Link/Create ConfigCat Feature Flag`
@@ -41,7 +41,7 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### View and Edit linked feature flags
 
-<img src="/docs/assets/jira/edit-ff.gif" className="zoomable" alt="View and Edit linked feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/edit-ff.gif" className="bordered-img zoomable" alt="View and Edit linked feature flags in Jira Cloud Plugin" />
 
 1. Open an Issue on your Jira board with linked feature flag.
 2. You can see the linked feature flags in the `Feature Flag (ConfigCat)` issue section.
@@ -52,26 +52,26 @@ Turn features On / Off right from a linked Issue on your Jira board with <a href
 
 ### Remove linked feature flags
 
-<img src="/docs/assets/jira/remove-ff.gif" className="zoomable" alt="Remove linked feature flags in Jira Cloud Plugin" />
+<img src="/docs/assets/jira/remove-ff.gif" className="bordered-img zoomable" alt="Remove linked feature flags in Jira Cloud Plugin" />
 
 1. Open an Issue on your Jira board with linked feature flag.
 2. Remove the linked feature flag by clicking the red X in the top right corner.
 
 ### View flag status in Releases
 
-<img src="/docs/assets/jira/release-field.gif" className="zoomable" alt="View feature flags in releases field" />
+<img src="/docs/assets/jira/release-field.gif" className="bordered-img zoomable" alt="View feature flags in releases field" />
 
 1. Open an Issue on your Jira board with linked feature flag.
 2. Check the `Releases` field values in the issue Details section to see the linked feature flags status in the Issue.
 3. Click it for more detailed dialog.
 
-<img src="/docs/assets/jira/release-hub.gif" className="zoomable" alt="View feature flags in Release hub" />
+<img src="/docs/assets/jira/release-hub.gif" className="bordered-img zoomable" alt="View feature flags in Release hub" />
 
 1. Open a version in the project Release Hub to see the related issues feature flag status.
 2. Click it for more detailed dialog.
 
 ### View linked issues in ConfigCat
 
-<img src="/docs/assets/jira/open-from-dashboard.gif" className="zoomable" alt="Link in Dashboard" />
+<img src="/docs/assets/jira/open-from-dashboard.gif" className="bordered-img zoomable" alt="Link in Dashboard" />
 
 1. View linked issues next to your Feature Flags in ConfigCat and jump to the Jira Issue directly.

website/versioned_docs/version-V1/integrations/segment.mdx

@@ -18,7 +18,7 @@ There are two available integration opportunities between [ConfigCat and Twilio
 
 Ensures that every setting change in ConfigCat is sent to Segment as a <a href="https://segment.com/docs/connections/spec/track/" target="_blank" rel="noopener noreferrer">track event</a>.
 
-<img src="/docs/assets/segment/featureflagchanged.png" className="zoomable" alt="Twilio Segment Feature Flag Changed event" />
+<img src="/docs/assets/segment/featureflagchanged.png" className="bordered-img zoomable" alt="Twilio Segment Feature Flag Changed event" />
 
 ### Installation
 
@@ -429,4 +429,4 @@ The `variationId` is a hashed version of the feature flag value, accessible on t
 
 ### Example event
 Check your source's debugger to see the events.
-<img src="/docs/assets/segment/featureflagevaluated.png" className="zoomable" alt="Twilio Segment event debugger" />
+<img src="/docs/assets/segment/featureflagevaluated.png" className="bordered-img zoomable" alt="Twilio Segment event debugger" />

website/versioned_docs/version-V1/integrations/zapier.mdx

@@ -29,7 +29,7 @@ Each Zap has one app as the **Trigger**, where your information comes from and w
 
 1. You should select the [Product](../main-concepts.mdx#product) in which you want to get notified about the Feature Flag or Setting value changes and optionally you can filter these notifications by specific [Configs](../main-concepts.mdx#config) or [Environments](../main-concepts.mdx#environment).
 
-<img src="/docs/assets/zapier_customize.png" className="zoomable" alt="zapier_customize" />
+<img src="/docs/assets/zapier_customize.png" className="bordered-img zoomable" alt="zapier_customize" />
 
 1. Once that's done you can start creating an automation! Use a pre-made Zap or create your own with the Zap Editor. Creating a Zap requires no coding knowledge and you'll be walked step-by-step through the setup.
 
@@ -48,11 +48,11 @@ Available fields to include in your flow:
 
 ### Configuration in Zapier
 
-<img src="/docs/assets/zapier_config.png" className="zoomable" alt="zapier_config" />
+<img src="/docs/assets/zapier_config.png" className="bordered-img zoomable" alt="zapier_config" />
 
 ### Result in Slack
 
-<img src="/docs/assets/zapier_slack.png" className="zoomable" alt="zapier_slack" />
+<img src="/docs/assets/zapier_slack.png" className="bordered-img zoomable" alt="zapier_slack" />
 
 ## Need help?