Change name to `cards` to prevent interaction fx

thanks @rschamp !

src/views/cards/cards.jsx

@@ -18,7 +18,7 @@ var Cards = injectIntl(React.createClass({
         };
         return (
             <div className="inner">
-                <div className="intro">
+                <div className="intro cards">
                     <div className="intro-content">
                         <h1><FormattedMessage id='cards.introHeader' /></h1>
                         <p><FormattedMessage id='cards.introContent' /></p>

src/views/cards/cards.scss

 @import "../../colors";
 @import "../../typography";
 
-.intro {
+.cards{
     display: flex;
     margin: 1em 0;
     align-items: center;