styles.css

@@ -902,13 +902,19 @@ body {
 .carousel-slides {
   position: relative;
   width: 100%;
+  display: grid; /* stack all slides — prevents height jump on slide change */
 }
 .carousel-slide {
-  display: none;
+  grid-area: 1 / 1; /* all slides share the same grid cell */
+  display: flex;
   flex-direction: column;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.4s ease;
 }
 .carousel-slide.active {
-  display: flex;
+  opacity: 1;
+  pointer-events: auto;
 }
 .carousel-slide img {
   width: 100%;
@@ -972,15 +978,6 @@ body {
   border-radius: 4px;
 }
 
-/* Fade transition */
-.carousel-slide {
-  opacity: 0;
-  transition: opacity 0.4s ease;
-}
-.carousel-slide.active {
-  opacity: 1;
-}
-
 /* ---- Request Quote pricing ---- */
 .price-amount--quote {
   font-size: 32px;