fixed hover styles bug

.firebase/hosting.ZGlzdA.cache

@@ -1,13 +1,13 @@
-index.html,1596741018384,3d6b40018584f7c06d40114b891d30af59937f16c0dceb4a140db1f823418e20
-main.css,1596741018384,c2e259b7b0f0d56ed711b2d6f4b6b592e4301a1afe87b06d14d5ca3bfd239897
-static/images/add.svg,1596741018385,ef7cf8e9df96200815d767e6b3b767ef092dd338b4851d2f35966911dab09e4c
-static/images/bell-logo.svg,1596741018385,5ef07d3b72a99ccebfff2fb9bc1a80513d59376038055b606deff8133c3e3b56
-static/images/bell.svg,1596741018385,6766dfa1ef7da3acfab70cdb2bbee5e6861fc0cdf8afbaf1cf7c387e4df415a4
-static/images/cancel-music.svg,1596741018386,1bbd7eef0b56c5d4cec9993f3762a384447ca99392778a87292333b82f8a2f39
-static/images/drop-down-arrow.svg,1596741018385,7ebe79b34f9fa2590b4beb29e6e6e8d0b0fff722ff0e3071ad36d3467c045743
-static/images/search-icon.svg,1596741018385,fcad2b6afe31083f5b452f601b1ca8669f6f768deecadf07e9d647269296012a
-static/images/play-button.svg,1596741018385,d43cf31799ae2e480227ae79d858b997dfb0b54f67b1d3a3a1c18ca1dd927251
-8562b6565f5ae1db5e4af40d85b4ed2d.png,1596741018383,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1
-static/images/Netflix_Logo_RGB.png,1596741018385,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1
-bundle.js,1596741018384,733d73858d2dfa40c45bd27b9a220e6173b0fdddd779fa670f9724fc7b49957d
-static/images/header-bg.jpg,1596741018385,f4cfcb4caa304a777e03d623c68bf00d22f9c21a55d0a6fb088889e3c2867d40
+index.html,1596822462872,294686b5824777966e74b788a74f613225bd2a74f6e7eca9b7b98b3bd6e4ae60
+main.css,1596822462871,bb87e22e8a8cbfda6e9e3da3fadf11070e07b8e7292fd0cac412bfa57f0571a3
+static/images/add.svg,1596822462875,ef7cf8e9df96200815d767e6b3b767ef092dd338b4851d2f35966911dab09e4c
+static/images/bell-logo.svg,1596822462872,5ef07d3b72a99ccebfff2fb9bc1a80513d59376038055b606deff8133c3e3b56
+static/images/bell.svg,1596822462873,6766dfa1ef7da3acfab70cdb2bbee5e6861fc0cdf8afbaf1cf7c387e4df415a4
+static/images/cancel-music.svg,1596822462872,1bbd7eef0b56c5d4cec9993f3762a384447ca99392778a87292333b82f8a2f39
+static/images/drop-down-arrow.svg,1596822462873,7ebe79b34f9fa2590b4beb29e6e6e8d0b0fff722ff0e3071ad36d3467c045743
+static/images/play-button.svg,1596822462872,d43cf31799ae2e480227ae79d858b997dfb0b54f67b1d3a3a1c18ca1dd927251
+static/images/search-icon.svg,1596822462873,fcad2b6afe31083f5b452f601b1ca8669f6f768deecadf07e9d647269296012a
+8562b6565f5ae1db5e4af40d85b4ed2d.png,1596822462871,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1
+static/images/Netflix_Logo_RGB.png,1596822462872,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1
+bundle.js,1596822462871,033e3afff30e48c0cc6b812ab7b48ad066cbc65e6442c1f10109e6a55a0e103b
+static/images/header-bg.jpg,1596822462873,f4cfcb4caa304a777e03d623c68bf00d22f9c21a55d0a6fb088889e3c2867d40

README.md

@@ -1,6 +1,6 @@
 # Netflix Clone
 
-- Demo: http://netflix-react-clone.surge.sh/
+- Demo: https://netflix-clone-9a0b9.web.app/
 
 This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses [The MovieDB Api](https://www.themoviedb.org/documentation/api) to search for movies and display details. Feel free to contribute!
 

src/static/sass/components/_movieShowcase.scss

@@ -18,18 +18,21 @@
 
 div.swiper-button-prev,
 div.swiper-button-next {
-   transition: all .3s !important;
+   transition: all 450ms !important;
    color: rgb(255, 255, 255);
 
    &:hover {
       transform: scale(1.2) !important;
-      transition: all .3s !important;
+      transition: all 450ms !important;
    }
 }
 
+.swiper-slide {
+   transition: all 450ms !important;
+}
+
 .swiper-wrapper:hover .swiper-slide {
    opacity: .3 !important;
-   transition: all 450ms !important;
 
    &:hover {
       transform: scale(1.3) !important;
@@ -55,8 +58,6 @@ div.swiper-button-next {
    }
 
    &__container {
-      transition: transform 450ms;
-
       @include responsive(phone) {
          width: 98vw;
       }