diff --git a/assets/css/index.css b/assets/css/index.css index 8bc3c78..b84b65f 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -1313,7 +1313,7 @@ h3 { margin: 0 0 15px; overflow: hidden; border-radius: 10px 40px; - background-color: #609eff; + background-color: #4d4d4d; } @media (max-width: 992px) { .reviews__slide-video { diff --git a/assets/js/reviews.js b/assets/js/reviews.js index 294c66a..7ef02b8 100644 --- a/assets/js/reviews.js +++ b/assets/js/reviews.js @@ -7,8 +7,21 @@ reviewsSlideVideos.forEach((videoEl) => { reviewsSlideVideos.forEach((video) => { if (video === event.currentTarget) { video.classList.add('active'); + video.innerHTML = ` + + `; } else { video.classList.remove('active'); + video.innerHTML = ''; } }); }); diff --git a/assets/scss/_l-reviews.scss b/assets/scss/_l-reviews.scss index d3aa1aa..163af69 100644 --- a/assets/scss/_l-reviews.scss +++ b/assets/scss/_l-reviews.scss @@ -36,7 +36,7 @@ margin: 0 0 15px; overflow: hidden; border-radius: 10px 40px; - background-color: $blue; + background-color: $darkgrey; @include laptop { height: 160px; diff --git a/index.html b/index.html index c9ac4fb..2e1d737 100644 --- a/index.html +++ b/index.html @@ -337,16 +337,7 @@