fix(carousel): rename image + minor fixes

Author: adrianptrv

src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.html

@@ -7,7 +7,7 @@
         </igx-slide>
         <igx-slide>
             <div class="slide-content-wrapper">
-                <img src="assets/images/carousel/16:9-CulturalDip.png">
+                <img src="assets/images/carousel/16-9-CulturalDip.png">
             </div>
         </igx-slide>
         <igx-slide>

src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.scss

@@ -1,7 +1,7 @@
 @use "layout.scss";
 @use "igniteui-angular/theming" as *;
 
-// Create expansion panel theme
+// Create carousel panel theme
 $custom-panel-theme: carousel-theme(
   $button-background: rgb(124 50 221 / 60%),
   $button-arrow-color: #c5bcd0,

src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.html

@@ -1,13 +1,13 @@
 <div class="carousel-container">
-    <igx-carousel class=" ![--indicator-background:#a7b6de] ![--button-background:#a7b6de] ![--button-hover-background:#8d9abc] ![--indicator-border-color:#3E4853] ![--indicator-active-border-color:#000000]  ![--button-hover-arrow-color:#000000] ![--button-arrow-color:#3E4853]">
+    <igx-carousel class="!light-carousel ![--indicator-background:#a7b6de] ![--button-background:#a7b6de] ![--button-hover-background:#8d9abc] ![--indicator-border-color:#3E4853] ![--button-arrow-color:#3E4853]">
         <igx-slide>
             <div class="slide-content-wrapper">
                 <img src="assets/images/carousel/slide1@x2.jpg">
             </div>
         </igx-slide>
         <igx-slide>
             <div class="slide-content-wrapper">
-                <img src="assets/images/carousel/16:9-CulturalDip.png">
+                <img src="assets/images/carousel/16-9-CulturalDip.png">
             </div>
         </igx-slide>
         <igx-slide>