Fix issue with ripple effect on card image

Author: npvn

dist/css/material-wfont.css

@@ -4223,6 +4223,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   height: 100%;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
+  pointer-events: none;
 }
 .card .card-image .card-image-headline {
   position: absolute;

dist/css/material-wfont.min.css

@@ -4222,6 +4222,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   height: 100%;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
+  pointer-events: none;
 }
 .card .card-image .card-image-headline {
   position: absolute;

dist/css/material.css

@@ -34,6 +34,7 @@
             height: 100%;
             border-top-left-radius: 2px;
             border-top-right-radius: 2px;
+            pointer-events: none;
         }
         .card-image-headline {
             position: absolute;

dist/css/material.min.css

@@ -4223,6 +4223,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   height: 100%;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
+  pointer-events: none;
 }
 .card .card-image .card-image-headline {
   position: absolute;

less/_cards.import.less

@@ -4222,6 +4222,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   height: 100%;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
+  pointer-events: none;
 }
 .card .card-image .card-image-headline {
   position: absolute;