diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
index 0a4d7be..22b279b 100644
--- a/app/(auth)/layout.tsx
+++ b/app/(auth)/layout.tsx
@@ -1,3 +1,4 @@
+import Image from "next/image"
 
 export default function AuthLayout({
   children,
@@ -5,8 +6,10 @@ export default function AuthLayout({
   children: React.ReactNode
 }) {
   return (
-    <div className="w-full h-screen flex items-center justify-center text-white">
-        {children}
+    <div className="w-full h-full	 flex items-center justify-between text-white">
+       <Image className="" fill  sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" style={{objectFit: "cover", width:"100%", height:"100%"}} src={"/assets/login_register.webp"} alt="Login_Register"  	loading="lazy"/>
+    
+       <div className="w-full h-full flex items-center justify-center text-white">{children}</div>
     </div>
 
   )
diff --git a/public/assets/login_register.webp b/public/assets/login_register.webp
new file mode 100644
index 0000000..6d45a7c
Binary files /dev/null and b/public/assets/login_register.webp differ