From 3d5c6a765f510b4320a2f983aa38823d9df0f647 Mon Sep 17 00:00:00 2001
From: Paula Quispe <paula.quispe@processmaker.com>
Date: Tue, 19 Mar 2024 12:55:35 -0400
Subject: [PATCH 1/2] FOUR-14478

---
 .../components/ProcessesCarousel.vue                | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/resources/js/processes-catalogue/components/ProcessesCarousel.vue b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
index 5c65f4b17b..ad180e8ec5 100644
--- a/resources/js/processes-catalogue/components/ProcessesCarousel.vue
+++ b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-block">
+  <div class="carousel-container">
     <b-carousel
       id="processes-carousel"
       v-model="slide"
@@ -18,7 +18,7 @@
           <img
             :src="image.url"
             :alt="process.name"
-            class="d-block w-100 img-carousel"
+            class="d-block img-carousel"
           >
         </template>
       </b-carousel-slide>
@@ -112,7 +112,12 @@ export default {
   height: 400px;
 }
 .img-carousel {
-  max-width: 100%;
-  height: inherit;
+  max-width: 800px;
+  height: 400px;
+}
+.carousel-container {
+  display: flex;
+  justify-content: center;
+  background-color: #edf1f6;
 }
 </style>

From ff6f72280b3d8beb0bb1f47cc56698cb84b74245 Mon Sep 17 00:00:00 2001
From: Paula Quispe <paula.quispe@processmaker.com>
Date: Tue, 19 Mar 2024 16:42:15 -0400
Subject: [PATCH 2/2] remove the animation

---
 .../js/processes-catalogue/components/ProcessesCarousel.vue      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/processes-catalogue/components/ProcessesCarousel.vue b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
index ad180e8ec5..19c711e127 100644
--- a/resources/js/processes-catalogue/components/ProcessesCarousel.vue
+++ b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
@@ -3,6 +3,7 @@
     <b-carousel
       id="processes-carousel"
       v-model="slide"
+      no-animation
       :interval="interval"
       indicators
       img-height="400px"