Update style.css

style.css

@@ -338,16 +338,16 @@ body {
 
 .gradio-container .gr-gallery .gr-image:hover {
   border-color: var(--ultra-blue) !important;
-  box-shadow: 0 6px 12px var(--ultra-blue-glow) !important;
-  transform: translateY(-3px) !important;
+  box-shadow: 0 3px 10px var(--ultra-blue-glow) !important;
+  transform: translateY(-2px) !important;
 }
 
 /* Image container sizing */
 .gradio-container .gr-image img,
 .gradio-container .gr-gallery img {
-  width: 60% !important;
+  width: 100% !important;
   height: auto !important;
-  object-fit: cover !important;
+  object-fit: inline-flex !important;
   display: block !important;
 }
 
@@ -355,7 +355,7 @@ body {
 .gradio-container .gr-image-container,
 .gradio-container [class*="image-container"] {
   aspect-ratio: 1 / 1;
-  max-width: 60%;
+  max-width: 40%;
   border-radius: var(--radius-md);
   overflow: hidden;
   background: var(--surface-card);
@@ -366,7 +366,7 @@ body {
 /* ─────────────────────────────────────────────────────────── */
 .tq-carousel {
   position: relative;
-  width: 70%;
+  width: 40%;
   overflow: hidden;
   border-radius: var(--radius-lg);
   background: var(--surface-card);
@@ -381,7 +381,7 @@ body {
 
 .tq-carousel__item {
   flex: 0 0 auto;
-  width: 210px;
+  width: 20px;
   aspect-ratio: 1 / 1;
   border-radius: var(--radius-md);
   overflow: hidden;
@@ -392,23 +392,23 @@ body {
 .tq-carousel__item:hover {
   border-color: var(--ultra-blue);
   box-shadow: 0 6px 14px var(--ultra-blue-glow);
-  transform: scale(0.7);
+  transform: scale(0.5);
 }
 
 .tq-carousel__item img {
-  width: 70%;
-  height: 70%;
-  object-fit: cover;
+  width: 40%;
+  height: 40%;
+  object-fit: auto;
   display: block;
 }
 
 /* Carousel navigation */
 .tq-carousel__nav {
-  position: absolute;
+  position: center;
   top: 50%;
   transform: translateY(-50%);
-  width: 25px;
-  height: 25px;
+  width: 20px;
+  height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -427,7 +427,7 @@ body {
 .tq-carousel__nav:hover {
   background: var(--ultra-blue-glow);
   border-color: var(--ultra-blue);
-  box-shadow: 0 0 12px var(--ultra-blue-glow);
+  box-shadow: 0 0 5px var(--ultra-blue-glow);
 }
 
 /* ─────────────────────────────────────────────────────────── */