Wait #3402 @1.5

diff --git a/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl b/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl
index f8dab2d41e05c7aec971d205251386c405a495e5..24b8289b4bde842f170a9588137044b765f819c7 100644 (file)
--- a/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl
+++ b/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl
@@ -9,6 +9,13 @@
       display: block
       width: 100%
       position: relative
+      padding-bottom: 100%
+      background-size: cover
+      background-position: center
+      background-repeat: no-repeat
+      border-radius: 50%
+      box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3)
+      overflow: hidden
 
       &:before
         content: ''

diff --git a/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php b/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php
index afcada77a214c9023f9aed82e4b4f0116ce3df63..5c324229754c21b05520c93f750fec92b844587e 100644 (file)
--- a/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php
+++ b/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php
@@ -1,12 +1,18 @@
 {{--VIDEO GALLERY CAROUSEL--}}
 @php
   $settings = [
-    'slidesToShow' => 2,
+    'slidesToShow' => 4,
     'slidesToScroll' => 1,
     'infinite' => true,
     'responsive' => [
       [
-        'breakpoint' => 768,
+        'breakpoint' => 1025,
+        'settings' => [
+          'slidesToShow' => 2
+        ]
+      ],
+      [
+        'breakpoint' => 700,
         'settings' => [
           'slidesToShow' => 1
         ]
@@ -22,9 +28,7 @@
   @foreach ($videos as $video)
     <div class="video-carousel-item slick-slide">
       <div class="slick-slide-inner" data-elementor-lightbox="{{ $video['lightbox'] }}" data-elementor-open-lightbox="yes">
-        <div class="video-carousel-item-image">
-          <img src="{{ $video['preview'] }}">
-        </div>
+        <div class="video-carousel-item-image" style="background-image:url('{{  $video['preview'] }}')"></div>
         <h4 class="video-carousel-item-title">{{ $video['title'] }}</h4>
         <p class="video-carousel-item-details">{{ $video['details'] }}</p>
       </div>