From f3e5ea473a746af4467b2b7e50edd45b9cf9547e Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Thu, 26 Sep 2024 08:32:12 -0700
Subject: [PATCH] specifying to gradient for all customized viewports

---
 .../components/HomepageCarouselItem/HomepageCarouselItem.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.vue b/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.vue
index 7984b7df..070829d5 100644
--- a/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.vue
+++ b/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.vue
@@ -52,7 +52,7 @@
     </div>
     <div class="lg:flex lg:items-center lg:relative lg:h-full absolute bottom-0 z-20 w-full">
       <div
-        class="bg-gradient-to-b lg:bg-gradient-to-l from-transparent lg:from-transparent xl:from-transparent-w25 to-black lg:to-transparent-black-75 absolute inset-0"
+        class="bg-gradient-to-b lg:bg-gradient-to-l from-transparent lg:from-transparent xl:from-transparent-w25 to-black lg:to-transparent-black-75 xl:to-transparent-black-75 absolute inset-0"
       ></div>
       <div
         class="lg:px-10 2xl:px-0 lg:pb-10 lg:pt-0 text-contrast container relative px-4 pt-40 pb-24 mx-auto text-white"