lighter collection title and collection font name smaller on mobile

src/components/PageTitle/PageTitle.jsx

         display:"flex",
       }}
     >
-      {/* Overlay */}
-      <Box
-        sx={{
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          backgroundColor: image ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0)", // Adjust opacity to control dimness
-          zIndex: 1,
-        }}
-      />
+     
       
       {/* Title */}
       {/* <Typography

src/components/ProductList/ProductList.jsx

               sx={{
                 fontWeight: "100",
                 fontSize: {
-                  xs: "0.73rem",
-                  sm: "0.73rem",
+                  xs: "0.70rem",
+                  sm: "0.70rem",
                   md: "0.75rem",
                 },
               }}