GITBOOK-589: docs: fix issues on video pages: try in playground buttons, alignment

Author: techpro-aimlapi

docs/api-references/video-models/Kling-AI/v1-pro-image-to-video.md

@@ -1,20 +1,20 @@
 # v1-pro/image-to-video
 
 {% columns %}
-{% column %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
 This documentation is valid for the following list of our models:
 
 * `kling-video/v1/pro/image-to-video`
 {% endhint %}
 {% endcolumn %}
 
-{% column %}
+{% column width="33.33333333333334%" %}
 <a href="https://aimlapi.com/app/kling-video/v1/pro/image-to-video" class="button primary">Try in Playground</a>
 {% endcolumn %}
 {% endcolumns %}
 
-This model transforms static images into dynamic video clips. Offers more advanced camera controls than v1 Standard model, including options for tilt, pan, zoom, and roll movements. Results in richer details and more stable camera movements, enhancing the overall visual quality of the generated videos. Enhanced animations make elements like water flow and character movements appear more natural and engaging.
+This model transforms static images into dynamic video clips. Offers more advanced camera controls than [v1 Standard](v1-standard-image-to-video.md) model, including options for tilt, pan, zoom, and roll movements. Results in richer details and more stable camera movements, enhancing the overall visual quality of the generated videos. Enhanced animations make elements like water flow and character movements appear more natural and engaging.
 
 ## Setup your API Key
 

docs/api-references/video-models/google/veo-3-1-reference-to-video.md

@@ -1,10 +1,18 @@
 # Veo 3.1 (Reference-to-Video)
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
 This documentation is valid for the following list of our models:
 
 * `google/veo-3.1-reference-to-video`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/google/veo-3.1-reference-to-video" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 The model generates realistic 8-second 720p and 1080p videos with detailed visuals and audio, offering multiple styles and even dialogue support. It also supports multiple reference images for video generation.
 

docs/api-references/video-models/kling-ai/v1.6-pro-effects.md

@@ -10,7 +10,7 @@ This documentation is valid for the following list of our models:
 {% endcolumn %}
 
 {% column width="33.33333333333334%" %}
-
+<a href="https://aimlapi.com/app/klingai/kling-video-v1.6-pro-effects" class="button primary">Try in Playground</a>
 {% endcolumn %}
 {% endcolumns %}
 
@@ -203,10 +203,10 @@ Processing complete:/n {'id': '91bc5296-f0f9-4336-ab6a-60f993cbb971:kling-video/
 
 ## API Schemas
 
-Generating a video using this model involves sequentially calling two endpoints:&#x20;
+Generating a video using this model involves sequentially calling two endpoints:
 
 * The first one is for creating and sending a video generation task to the server (returns a generation ID).
-* The second one is for requesting the generated video from the server using the generation ID received from the first endpoint.&#x20;
+* The second one is for requesting the generated video from the server using the generation ID received from the first endpoint.
 
 Below, you can find two corresponding API schemas and an example with both endpoint calls.
 
@@ -218,7 +218,7 @@ Below, you can find two corresponding API schemas and an example with both endpo
 
 ### Retrieve the generated video from the server
 
-After sending a request for video generation, this task is added to the queue. Based on the service's load, the generation can be completed in seconds or take a bit more.&#x20;
+After sending a request for video generation, this task is added to the queue. Based on the service's load, the generation can be completed in seconds or take a bit more.
 
 {% openapi-operation spec="kling-video-retrieve" path="/v2/generate/video/kling/generation" method="get" %}
 [OpenAPI kling-video-retrieve](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/video-models/Kling-AI/v1.6-pro-effects-pair.json)

docs/api-references/video-models/kling-ai/v1.6-standard-effects.md

@@ -10,7 +10,7 @@ This documentation is valid for the following list of our models:
 {% endcolumn %}
 
 {% column width="33.33333333333334%" %}
-
+<a href="https://aimlapi.com/app/klingai/kling-video-v1.6-standard-effects" class="button primary">Try in Playground</a>
 {% endcolumn %}
 {% endcolumns %}
 

docs/api-references/video-models/kling-ai/v1.6-standard-multi-image-to-video.md

@@ -1,16 +1,16 @@
 # v1.6-standard/multi-image-to-video
 
 {% columns %}
-{% column %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
 This documentation is valid for the following list of our models:
 
 * `kling-video/v1.6/standard/multi-image-to-video`
 {% endhint %}
 {% endcolumn %}
 
-{% column %}
-
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/kling-video/v1.6/standard/multi-image-to-video" class="button primary">Try in Playground</a>
 {% endcolumn %}
 {% endcolumns %}