diff --git a/public/writing-evaluation.png b/public/writing-evaluation.png
index 429c215..4529fef 100644
Binary files a/public/writing-evaluation.png and b/public/writing-evaluation.png differ
diff --git a/src/templates/Home.tsx b/src/templates/Home.tsx
index 820629b..5559436 100644
--- a/src/templates/Home.tsx
+++ b/src/templates/Home.tsx
@@ -79,7 +79,7 @@ export default function Home({language}: Props) {
 
 			{/* Learn with AI */}
 			<section className="w-full bg-mti-gray-seasalt">
-				<div className="w-full p-8 md:p-20 lg:py-16 lg:px-32 flex flex-col gap-8 md:gap-24 lg:flex-row items-center justify-center container mx-auto">
+				<div className="w-full p-8 lg:py-24 lg:px-12 flex flex-col gap-8 md:gap-24 lg:flex-row items-center justify-center container mx-auto">
 					<div className="flex flex-col gap-8">
 						<span className="text-lg font-semibold">
 							<span className="text-white bg-mti-rose-light px-1 py-0">{translation.learn_ai.tag.highlight[language]}</span>{" "}
@@ -98,18 +98,8 @@ export default function Home({language}: Props) {
 							</button>
 						</Link>
 					</div>
-					<div className="relative h-full w-1/3 grid grid-cols-4 place-items-center gap-8 -md:px-8">
-						<div />
-						<div className="w-96 h-48 rounded-xl overflow-hidden flex items-center justify-center">
-							<img src="/person_laptop_3.jpg" alt="Person using a laptop" />
-						</div>
-						<div />
-						<div />
-						<div />
-						<div />
-						<div className="w-96 h-48 rounded-xl overflow-hidden flex items-center justify-center">
-							<img src="/person_laptop_2.jpg" alt="Person using a laptop" />
-						</div>
+					<div className="relative h-full grid grid-cols-1 place-items-center gap-8">
+						<img src="/writing-evaluation.png" alt="Writing Evaluation" className="-md:w-full md:h-80 shadow rounded-xl" />
 					</div>
 				</div>
 			</section>