Partner logos, styling

src/components/Card.js

@@ -5,22 +5,23 @@ import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
 
 const Card = ({ ...props }) => (
   <article className="h-full w-full rounded overflow-hidden shadow bg-white border-bottom-saburly hover:shadow-md">
-    <Link to={props.url}>
+    <Link
+      to={props.url}
+      className="no-underline saburly-transition hover:opacity-50"
+    >
       {props.image ? (
         <img className="w-full" src={props.image.src} />
       ) : (
         <img className="w-full" src={ImgSprint} alt="Sprint Work" />
       )}
-    </Link>
-    <div className="px-6 py-4">
-      <Link className="no-underline" to={props.url}>
+      <div className="px-6 py-4">
         <h3 className="text-black font-bold text-xl mb-2">{props.title}</h3>
-      </Link>
-      <p
-        className="text-grey-darker text-base"
-        dangerouslySetInnerHTML={{ __html: props.excerpt }}
-      />
-    </div>
+        <p
+          className="text-grey-darker text-base"
+          dangerouslySetInnerHTML={{ __html: props.excerpt }}
+        />
+      </div>
+    </Link>
   </article>
 )