Fixed Routes

components/productpage.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { ReactSVG } from "react-svg";
+import Image from "next/image";
 
 export default function Productpage(props) {
   return (
@@ -12,8 +13,8 @@ export default function Productpage(props) {
             } ${props.smallbg ? "col-lg-5" : "col-lg-6"}`}
             style={{ backgroundImage: `url(${props.bgurl})` }}
           >
-            <div className="icon-size align-items-center">
-              <ReactSVG src={props.iconurl} />
+            <div className="center-icon">
+              <Image src={props.iconurl} width={300} height={300} />
             </div>
           </div>
           <div