fix(storefront): BCTHEME-268 Update carousel images to improve LCP in…

…dicator from Lighthouse performance report (#1876)

Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com>

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Update carousel images to improve LCP indicator from Lighthouse performance report. [#1876](https://github.com/bigcommerce/cornerstone/pull/1876)
 - Add aria label with price to Product Grid Item. [#1875](https://github.com/bigcommerce/cornerstone/pull/1875)
 - Search result not notified by screen reader. [#1867](https://github.com/bigcommerce/cornerstone/pull/1867)
 - Add aria label with price to Product List Item. [#1878](https://github.com/bigcommerce/cornerstone/pull/1878)

assets/scss/components/stencil/heroCarousel/_heroCarousel.scss

@@ -19,18 +19,17 @@
     margin-bottom: (spacing("double") + spacing("single"));
     margin-top: -(spacing("single")); // 3
     overflow: hidden;
-    visibility: hidden;
+    opacity: 0;
 
     &.is-visible {
-        visibility: visible;
+        opacity: 1;
     }
 
     @include breakpoint("medium") {
         margin-top: -(spacing("single") + spacing("base")); // 3
     }
 
     &.slick-initialized {
-        opacity: 1;
         max-height: 100vh;
 
         @include breakpoint("small") {