slideshow and lp grid

js/js.js

@@ -34,7 +34,13 @@
     Drupal.behaviors.slickSliderInit = {
         attach: function attach(context, settings) {
 
-       $('.lp-slideshow').slick();
+            $('.lp-slideshow').slick({
+                fade: true,
+                speed: 1000,
+                autoplay: true,
+                autoplaySpeed: 8000,
+
+            });
         }
     };
 

src/scss/_lp-hero.scss

@@ -15,3 +15,13 @@
     }
     align-items: center;
 }
+
+.slick-arrow {
+    z-index: 999;
+}
+.slick-next {
+    right: 0;
+}
+.slick-prev {
+    left: 0;
+}

src/scss/_lp-preview-grid.scss

@@ -41,6 +41,10 @@
         padding: 10px;
         color:#fff;
     }
+    img {
+        width: 100%;
+    }
+
 }
 
 /*====lp article preview cards==================*/