Remove some of the commented code

www/assets/css/carousel.scss

@@ -101,7 +101,6 @@
 }
 .item-wrapper.testimonial-link {
   padding: 0 10px;
-  // max-width: 411px;
   border-radius: 10px;
   border: 1px solid var(--Border-Grey, #dfe5ec);
   background: #fff;
@@ -136,7 +135,6 @@
 }
 .quotation-btn {
   position: relative;
-  // padding: 20px 50px;
 }
 
 .quotation-btn::before {
@@ -146,24 +144,20 @@
   top: -0.64rem;
   color: white;
   color: var(--white, var(--white-mit-brand, #fff));
-  // font-family: Arial;
   font-size: 50px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
 }
 .testimonial-title.quote {
   position: relative;
-  // padding: 20px 50px;
 }
 
 .testimonial-title.quote::before {
   content: "“";
   position: absolute;
-  // right: 1px;
   left: 1.1rem;
   top: -3rem;
-  // font-family: Arial;
   color: var(--Red-Brand, var(--Red, #a31f34)) !important;
   font-size: 100px;
   font-style: normal;
@@ -173,7 +167,6 @@
 .testimonial-image-wrapper {
   position: relative;
   width: 100%;
-  // max-width:391px;
   padding-top: 56.25%; // 16:9 aspect ratio
 
   .testimonial-image {
@@ -182,7 +175,6 @@
     left: 0;
     width: 100%;
     height: 100%;
-    // max-height:197px;
     object-fit: cover;
     border-radius: 5px;
   }
@@ -195,7 +187,6 @@
   text-overflow: ellipsis;
 }
 .quote-body div.content {
-  // background-color: purple;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
@@ -206,7 +197,6 @@
   align-self: stretch;
   color: hsl(0, 0%, 0%);
   text-overflow: ellipsis;
-  // font-family: Arial;
   font-size: 16px;
   font-style: italic;
   font-weight: 400;
@@ -230,11 +220,6 @@ div.content {
     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7486%)
       hue-rotate(142deg) brightness(96%) contrast(103%);
   }
-
-  // .view-all-stories-arrow {
-  //   fill: #fff;
-  //   background:white !important;
-  // }
 }
 body.modal-open {
   overflow: auto;
@@ -276,7 +261,6 @@ body {
   position: relative;
 }
 
-/* Override Bootstrap default styles for carousel controls */
 .carousel-control-prev,
 .carousel-control-next {
   width: auto;
@@ -287,16 +271,14 @@ body {
 .carousel-control-prev .material-icons,
 .carousel-control-next .material-icons {
   font-size: 3.75rem;
-  color: inherit; /* Ensure the color matches your design */
+  color: inherit;
 }
 
-/* Remove Bootstrap's default control icons */
 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   display: none;
 }
 
-/* Position the controls as per your original design */
 .carousel-control-prev {
   left: auto;
 }
@@ -305,7 +287,6 @@ body {
   right: auto;
 }
 
-/* Ensure the controls are vertically centered */
 .carousel-control-prev,
 .carousel-control-next {
   top: 50%;

www/layouts/partials/stories_card.html

@@ -1,10 +1,6 @@
 {{$testimonial := .testimonial}}
 {{$jsurls := .jsurls}}
 {{$context := .context | default "carousel"}}
-<!-- <div>{{$testimonial.Title}}</div> -->
-<!-- <div>{{$jsurls}}</div> -->
-<!-- <div>{{$context}}</div> -->
-<!-- <div>otherwise</div> -->
 <div class="h-100">
     <div class="testimonial d-flex flex-column rounded h-100">
       <div class="testimonial-image-wrapper" style="margin-bottom: 20px">
@@ -17,7 +13,6 @@
       <div class="testimonial-title {{if $testimonial.Params.is_quote}}quote{{ end }}" style="padding: 0px 20px; margin-bottom: 20px">
         <div class="name font-weight-bold" style="font-size: 20px; margin-bottom: 10px;">
           {{ $testimonial.Title }}
-          <!-- <div>{{$context}}</div> -->
         </div>
         <div class="occupation-wrapper d-flex justify-content-between">
           <div class="occupation">

www/layouts/stories/list.html

@@ -56,7 +56,6 @@
       </div>
     </div>
   </div>
-  <!-- {{ partialCached "quotes_card_modal_handler.html" . }} -->
   <script>
     window.addEventListener("load", function () {
       if (window.initModalHandler) {