warning: in the working copy of 'app/guides/[id]/page.tsx', LF will be replaced by CRLF the next time Git touches it
diff --git a/app/guides/[id]/page.tsx b/app/guides/[id]/page.tsx
index 27a5035..1ab3a11 100644
--- a/app/guides/[id]/page.tsx
+++ b/app/guides/[id]/page.tsx
@@ -7,7 +7,6 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Badge } from "@/components/ui/badge"
 import { Progress } from "@/components/ui/progress"
 import { Checkbox } from "@/components/ui/checkbox"
-import Image from "next/image"
 import {
   ArrowLeft,
   Clock,
@@ -493,14 +492,12 @@ export default function GuideDetailPage() {
 
                   {/* Step Image */}
                   {currentStepData.image && (
-                    <div className="w-full rounded-lg overflow-hidden border border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800">
-                      <Image
+                    <div className="w-full rounded-lg overflow-hidden border border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800 p-4">
+                      <img
                         src={currentStepData.image}
                         alt={`Step ${currentStep} illustration`}
-                        width={1200}
-                        height={800}
-                        className="w-full h-auto object-contain"
-                        priority={currentStep <= 2}
+                        className="w-full h-auto object-contain max-w-full"
+                        loading={currentStep <= 2 ? "eager" : "lazy"}
                       />
                     </div>
                   )}