Added "Open in new tab" icon

components/styles/cards/mobile.tsx

@@ -16,6 +16,7 @@ const Card = styled.div`
   flex-direction: column;
   align-items: center;
   width: 30rem;
+  max-width: 90%;
   min-height: 10rem;
   max-height: 15rem;
   margin-bottom: 2rem;
@@ -58,6 +59,16 @@ const CardTitleIcon = styled.div`
   height: 1.5rem;
 `;
 
+const OpenInNewTab = styled.div`
+  filter: invert();
+  position: relative;
+  object-fit: contain;
+  margin: 0.3rem;
+  margin-left: 0.5rem;
+  aspect-ratio: 1;
+  height: 1.2rem;
+`
+
 const CardTitleIconMirror = styled.div`
   height: 1.5rem;
   aspect-ratio: 1;
@@ -155,7 +166,9 @@ const CardTitle = ({ content, href }: { content: Service, href: string }) => {
           <CardTitleText>{content.name}</CardTitleText>
           {
           content.icon ? (
-            <CardTitleIconMirror />
+            <OpenInNewTab>
+              <Image alt="open" src={"/icons/open-new-window.svg"} fill />
+            </OpenInNewTab>
           ) : (<></>)
           }
         </CardTitleLink>