fix(card): hover effect on non-touch only

src/components/card.js

@@ -29,6 +29,8 @@ const Content = styled.div`
 const Container = styled.div`
   position: relative;
   overflow: hidden;
+
+  @media (hover: hover) and (pointer: fine) {
     &:hover ${Content} {
       background-color: rgba(0, 0, 0, 0.65);
       transform: translate3d(0, 0, 0);
@@ -36,6 +38,7 @@ const Container = styled.div`
     &:hover ${Media} {
       transform: scale(1.05);
     }
+  }
 `;
 
 const Link = styled(GatsbyLink)`