mp4

docs/pbc/all/cart-and-checkout/202404.0/base-shop/feature-overviews/checkout-feature-overview/multi-step-checkout-overview.md

@@ -25,4 +25,8 @@ Using the Spryker step engine, you can design different checkout types, such as
 
 The following example shows how the checkout works in the Spryker Demo Shop for a guest user:
 
-![image](https://spryker.s3.eu-central-1.amazonaws.com/docs/Features/Checkout/Multi-Step+Checkout/shop-guide-checkout.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/cart-and-checkout/base-shop/feature-overviews/checkout-feature-overview/multi-step-checkout-overview.md/shop-guide-checkout.mp4" type="video/mp4">
+  </video>
+</figure>

docs/pbc/all/cart-and-checkout/202404.0/base-shop/feature-overviews/comments-feature-overview.md

@@ -51,27 +51,46 @@ Company users can perform the following actions using the Comments widget on the
 <details>
 <summary>Create and edit comments</summary>
 
-![image](https://spryker.s3.eu-central-1.amazonaws.com/docs/Features/Mailing+&+Communication/Comments/creating-and-editing-comments.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/cart-and-checkout/base-shop/feature-overviews/comments-feature-overview.md/creating-and-editing-comments.mp4" type="video/mp4">
+  </video>
+</figure>
 
 </details>
 
 <details>
 <summary>Remove comments</summary>
 
-![image](https://spryker.s3.eu-central-1.amazonaws.com/docs/Features/Mailing+&+Communication/Comments/removing-comments.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/cart-and-checkout/base-shop/feature-overviews/comments-feature-overview.md/removing-comments.mp4" type="video/mp4">
+  </video>
+</figure>
+
 </details>
 
 <details>
 <summary>Tag comments</summary>
 
-![image](https://spryker.s3.eu-central-1.amazonaws.com/docs/Features/Mailing+&+Communication/Comments/adding-tags.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/cart-and-checkout/base-shop/feature-overviews/comments-feature-overview.md/adding-tags.mp4" type="video/mp4">
+  </video>
+</figure>
+
 
 </details>
 
 <details>
 <summary>Filter comments by tags</summary>
 
-![image](https://spryker.s3.eu-central-1.amazonaws.com/docs/Features/Mailing+&+Communication/Comments/filtering-tags.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/cart-and-checkout/base-shop/feature-overviews/comments-feature-overview.md/filtering-tags.mp4" type="video/mp4">
+  </video>
+</figure>
+
 </details>
 
 ## Related Developer documents

docs/pbc/all/cart-and-checkout/202404.0/base-shop/feature-overviews/shared-carts-feature-overview.md

@@ -140,7 +140,11 @@ With the current functionality, the shopping cart cannot be shared outside of th
 
 On the storefront, company users can share a cart with other users within the same business unit:
 
-![Shopping Cart Actions](https://spryker.s3.eu-central-1.amazonaws.com/docs/Features/Shopping+Cart/Cart/Shared+Cart+Feature+Overview/share-a-shopping-cart.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/cart-and-checkout/base-shop/feature-overviews/shared-carts-feature-overview.md/share-a-shopping-cart.mp4" type="video/mp4">
+  </video>
+</figure>  
 
 
 ## Related Developer documents

docs/pbc/all/content-management-system/202404.0/base-shop/manage-in-the-back-office/content-items/create-banner-content-items.md

@@ -66,9 +66,11 @@ The widget allows you to display a Banner content item on the defined sections o
 
 You can view how it looks like on the store website:
 
-* **B2C**
-    Template used: Big Banner w/Middle Title and Subtitle
-![Banner content item widget B2C](https://spryker.s3.eu-central-1.amazonaws.com/docs/User+Guides/Back+Office+User+Guides/Content+Management+System/Content+Item+Widgets/Content+Item+Widgets+types%3A+Reference+Information/banner-yves-b2c.gif)
+<figure class="video_container">
+    <video width="100%" height="auto" controls>
+    <source src="https://spryker.s3.eu-central-1.amazonaws.com/docs/pbc/all/content-management-system/base-shop/manage-in-the-back-office/content-items/create-banner-content-items.md/banner-yves-b2c.mp4" type="video/mp4">
+  </video>
+</figure>  
 
 * **B2B**
     Template used: Big Banner Left Title, Subtitle and Button