modifications to styles responding to container queries

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -34,7 +34,7 @@ function HomeTabFeatured() {
               centerMode={false}
               autoPlay={true}
               keyBoardControl={true}
-              containerClass="border w-full carousel-container h-100 d-flex align-items-center"
+              containerClass="border w-full carousel-container remix_ui-carousel-container h-100 d-flex align-items-center"
               sliderClass="h-100 justify-content-between"
               deviceType={'desktop'}
               itemClass=""

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css

@@ -119,6 +119,12 @@
   height: 11.4rem;
 }
 
+.remixui_carouselImage {
+  flex: 1;
+  height: 20rem;
+  width: 20rem;
+}
+
 .remix_ui-carousel-container {
   container: remix_ui-carousel-container / inline-size;
   height: 450px;
@@ -128,4 +134,11 @@
   .remix_ui-carousel-container {
     height: 200px;
   }
+  .remixui_carouselImage {
+    height: 12.5rem;
+    width: 12.5rem;
+  }
+  .remixui_recentworkspace {
+    height: 6rem;
+  }
 }