The images are 400*600

On the journey selector screen, move the Journey

src/app/journey/[journeyId]/page.tsx

@@ -1,3 +1,4 @@
+
 "use client";
 
 import { useEffect, useState, useCallback } from 'react';
@@ -161,7 +162,7 @@ export default function JourneyPage() {
               <Image
                 src={journey.imageUrl}
                 alt={journey.title}
-                width={800}
+                width={400}
                 height={600}
                 className="h-full w-full object-contain p-2"
                 data-ai-hint={journey.imageHint}

src/app/page.tsx

@@ -1,3 +1,4 @@
+
 import Link from 'next/link';
 import { Button } from '@/components/ui/button';
 import { Rocket } from 'lucide-react';
@@ -12,10 +13,10 @@ export default function LandingPage() {
         <section className="container mx-auto flex h-[calc(100vh-4rem)] flex-col items-center justify-center px-4 py-12 md:flex-row md:gap-8 md:px-6 md:py-20 lg:py-28">
           <div className="mb-8 w-full md:mb-0 md:w-1/2 lg:w-2/5">
             <Image
-              src="https://placehold.co/600x400.png"
+              src="https://placehold.co/400x600.png"
               alt="AI Learning Journey"
-              width={600}
-              height={400}
+              width={400}
+              height={600}
               className="rounded-lg shadow-2xl"
               data-ai-hint="learning education"
               priority

src/components/journey/journey-card.tsx

@@ -18,17 +18,19 @@ export function JourneyCard({ journey, index }: JourneyCardProps) {
 
   return (
     <Card className="flex h-full flex-col overflow-hidden shadow-lg transition-shadow hover:shadow-xl group">
-      <CardHeader className="relative h-48 w-full p-0 md:h-56">
+      <CardHeader className="relative h-60 w-full p-0 md:h-72"> {/* Adjusted height for 400x600 aspect ratio if needed */}
         <Image
           src={journey.imageUrl}
-          alt={journey.title} // Alt text can remain descriptive
+          alt={journey.title}
           layout="fill"
           objectFit="cover"
           data-ai-hint={journey.imageHint}
           className="transition-transform duration-300 ease-in-out group-hover:scale-105"
         />
-        <div className="absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/70 via-black/50 to-transparent p-3">
-          <span className="text-lg font-bold text-white">{journeyLabel}</span>
+      </CardHeader>
+      <CardContent className="flex-grow p-4 md:p-6">
+        <div className="flex items-center justify-between">
+          <CardTitle className="font-headline text-xl">{journeyLabel}</CardTitle>
           <Button asChild size="sm" className="font-semibold">
             <Link href={`/journey/${journey.id}`}>
               Launch
@@ -36,12 +38,7 @@ export function JourneyCard({ journey, index }: JourneyCardProps) {
             </Link>
           </Button>
         </div>
-      </CardHeader>
-      <CardContent className="flex-grow p-6">
-        <CardTitle className="font-headline text-xl">{journeyLabel}</CardTitle>
-        {/* Description removed as per request */}
       </CardContent>
-      {/* Footer removed as launch button is on image */}
     </Card>
   );
 }

src/lib/journeys.ts

@@ -1,3 +1,4 @@
+
 import type { Journey } from '@/types';
 
 export const journeys: Journey[] = [
@@ -5,21 +6,21 @@ export const journeys: Journey[] = [
     id: 'ancient-civilization',
     title: 'Ancient Civilization',
     description: 'Explore the ruins of a long-lost civilization and uncover its secrets through AI-generated questions.',
-    imageUrl: 'https://placehold.co/600x400.png',
+    imageUrl: 'https://placehold.co/400x600.png',
     imageHint: 'archaeology ruins',
   },
   {
     id: 'space-anomaly',
     title: 'Space Anomaly',
     description: 'Investigate a mysterious anomaly detected in a distant galaxy. What will the AI ask you?',
-    imageUrl: 'https://placehold.co/600x400.png',
+    imageUrl: 'https://placehold.co/400x600.png',
     imageHint: 'nebula galaxy',
   },
   {
     id: 'microscopic-world',
     title: 'Microscopic Marvels',
     description: 'Dive into the unseen world of microorganisms and their complex structures, guided by AI.',
-    imageUrl: 'https://placehold.co/600x400.png',
+    imageUrl: 'https://placehold.co/400x600.png',
     imageHint: 'microscope cells',
   },
 ];