page title fix

src/components/PageTitle/PageTitle.jsx

       className="animate__animated animate__fadeIn"
       sx={{
         position: "relative",
-        minHeight: "300px",
         backgroundImage: `url("${image}")`,
         backgroundSize: "cover",
         backgroundPosition: "top center",
         display:"flex",
       }}
     >
-     
-      
-      {/* Title */}
-      {/* <Typography
-        variant="h3"
-        className="main-title"
-        sx={{
-          position: "relative",
-          zIndex: 2,
-          margin:"auto auto",
-          color: image ? "white" : "black"
-        }}
-      >
-        {title?.toUpperCase() || " "}
-      </Typography> */}
+      <Box src={`${image}`} component={"img"} sx={{width:"100%"}}>
+
+      </Box>  
+    
     </Box>
   );
 };