implemented the modal

src/static/sass/components/_backdrop.scss

@@ -0,0 +1,9 @@
+.backdrop {
+   width: 100%; 
+   height: 100%;
+   position: fixed; 
+   z-index: 100; 
+   left: 0; 
+   top: 0; 
+   background-color: rgba($color-background, .5); 
+}

src/static/sass/components/_modal.scss

@@ -0,0 +1,25 @@
+.modal {
+   position: fixed;
+   z-index: 500; 
+   width: 100%;
+   top: 30%; 
+   left: 0; 
+   height: 42rem;
+   background: yellowgreen;
+   transition: all 1s; 
+   transform: scale(0);
+}
+
+.show {
+   // transform: 50%
+   transition: transform 1s;
+   transform: scale(1); 
+   opacity: 1;
+}
+
+.hide {
+
+   transform: translateY(-100vh); 
+   display: none;
+}
+

src/static/sass/style.scss

@@ -7,6 +7,8 @@
 @import "base/typography";
 @import "base/utils";
 
+@import "components/backdrop"; 
+@import "components/modal";
 @import "components/search";
 @import "components/movie";
 @import "components/movieOriginals";