From d616a9abf8bceacfb0cbe5d2ed0e27ca12f50620 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 7 Sep 2020 08:28:18 -0700
Subject: [PATCH] somewhat getting the second carousel but with some problems

---
 src/components/rameelo/landing/landing.js   | 28 +++------------------
 src/components/rameelo/landing/landing.scss |  7 +++++-
 2 files changed, 9 insertions(+), 26 deletions(-)

diff --git a/src/components/rameelo/landing/landing.js b/src/components/rameelo/landing/landing.js
index 0e13d77..3318e79 100644
--- a/src/components/rameelo/landing/landing.js
+++ b/src/components/rameelo/landing/landing.js
@@ -313,31 +313,9 @@ function LandingContent(props) {
           </span>
           <span className="video-slider-container">
             <Slider {...videoSliderSettings}>
-              <span className="video-slide">
-                <ReactPlayer
-                  controls={true}
-                  url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
-                />
-              </span>
-              <span className="video-slide">
-                <ReactPlayer
-                  controls={true}
-                  url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
-                />
-              </span>
-              <span className="video-slide">
-                <ReactPlayer
-                  controls={true}
-                  url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
-                />
-              </span>
-
-              <span className="video-slide">
-                <ReactPlayer
-                  controls={true}
-                  url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
-                />
-              </span>
+              <span className="video-slide"></span>
+              <span className="video-slide"></span>
+              <span className="video-slide"></span>
             </Slider>
           </span>
         </div>
diff --git a/src/components/rameelo/landing/landing.scss b/src/components/rameelo/landing/landing.scss
index 549c59c..10592d8 100644
--- a/src/components/rameelo/landing/landing.scss
+++ b/src/components/rameelo/landing/landing.scss
@@ -326,7 +326,7 @@ button.slick-arrow::before {
     padding: 1.5rem 0;
 
     .join-card {
-      min-width: 391px;
+      width: 391px;
       min-height: 246px;
       background-color: $red;
       display: flex;
@@ -370,6 +370,11 @@ button.slick-arrow::before {
       padding: 0 1.5em;
 
       .video-slide {
+        background-image: url('../../../images/rameelo/rameelo_cover_photo.png');
+        background-position: center;
+        width: 320px !important;
+        height: 220px !important;
+
         div {
           width: 320px !important;
           height: 220px !important;