Natours project finished

Natours/starter/sass/components/_card.scss

@@ -14,6 +14,8 @@
     top: 0;
     left: 0;
     width: 100%;
+
+    -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 
     border-radius: 3px;

Natours/starter/sass/components/_popup.scss

@@ -15,6 +15,13 @@
 
   transition: all 0.4s;
 
+  @supports (-webkit-backdrop-filter: blur(10px)) or
+    (backdrop-filter: blur(10px)) {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background-color: rgba($color-black, 0.3);
+  }
+
   &__content {
     @include absCenter;