style: adjust card dimensions and responsiveness for mobile and desktop views

app/page.tsx

@@ -34,7 +34,7 @@ export default async function Home() {
       <video className="fixed top-0 left-0 w-full h-full -z-10 object-cover md:hidden" autoPlay muted loop playsInline>
         <source src="https://cdn.gunshiz.top/erika-mb.mp4"></source>
       </video>
-      <Card className="w-full max-w-md overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border" role="article">
+      <Card className="w-full max-w-sm overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border md:max-w-lg" role="article">
         <CardHeader className="flex flex-col items-center gap-4 text-center">
           <div className="relative w-24 h-24 overflow-hidden rounded-full">
             <Image