Side image

src/components/AuthPages/AuthLayout.jsx

@@ -16,9 +16,11 @@ export default function LoginLayout({ slogan, children }) {
       <div className={`main-wrapper w-full ${screen}`}>
         <div className="flex w-full h-full">
           <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-gradient">
-            <div className="logo">
+          {/*
+           <div className="logo">
               <img src={logo} alt="logo" />
             </div>
+          */} 
             <div className="thumbnail flex justify-center">
              {/*  <img src={loginThumb} alt="login-thumb" />*/}
             </div>

src/index.css

@@ -41,7 +41,10 @@ html {
   font-family: "Product Sans";
 }
 .primary-gradient {
-  background: linear-gradient(134.38deg, #f539f8 0%, #284f64 43.55%, #1a3544 104.51%);
+  /*background: linear-gradient(134.38deg, #f539f8 0%, #284f64 43.55%, #1a3544 104.51%); */
+  background-image: url("./assets/images/left-myft.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 .btn-shine {
   position: relative;