Images converted to webP

src/components/BuildPage/Tools.jsx

@@ -92,7 +92,7 @@ const Tools = () => {
                 <Card
                   background={"#131313"}
                   borderRadius={"10px"}
-                  minH={"270px"}
+                  height={"100%"}
                 >
                   <CardHeader display={"flex"} justifyContent={"center"}>
                     <Image src={item.img} />
@@ -130,7 +130,7 @@ const Tools = () => {
           position={"relative"}
           backgroundColor={"transparent"}
           cursor={"pointer"}
-          transition="0.3s ease-in-out"
+          transition="0.3s ease-in"
           color={"#fff"}
           width={"227px"}
           height={"60px"}
@@ -153,7 +153,7 @@ const Tools = () => {
               width: "65px",
               height: "65px",
               borderRadius: "50%",
-              transition: "0.35s linear",
+              transition: "0.35s ease-in",
               zIndex: -1,
               bgGradient:
                 "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",