hp3

src/App/HP.css

@@ -31,4 +31,11 @@
 
   #g744{
     display: block !important;
+  }
+
+  #hp3-wrapper{
+    display: inline-flex;
+    justify-content: center;
+    max-width: 70%;
+    max-height: 60%;
   }
\ No newline at end of file

src/contents/Human Practices/HP svgs/hp3.tsx

@@ -5,7 +5,6 @@ import { openClasses } from "../../../utils/openClass";
 export const HP3new = () => (
   <svg
     viewBox="0 0 1255.0403 780"
-    height={780}
     width={1255.0403}
     xmlSpace="preserve"
     id="svg2"
@@ -2543,9 +2542,9 @@ export const HP3new = () => (
                 <tspan
                   id="tspan628"
                   y={0}
-                  x="0 11.14224 16.55304 21.001921 32.144161 42.204239 46.653118 57.795361 68.937599 80.079842 85.530724 95.55072 106.69296 113.36628 117.81516 128.9574 134.52852 144.44832 150.01944 161.16168 166.65263 172.0434 183.18564 187.63452 193.20564 198.67656 209.8188 216.5322 227.67444 238.81668 244.3878"
+                  x="0"
                 >
-                  {"o include variety of different "}
+                  {"to include variety of different "}
                 </tspan>
               </text>
             </g>
@@ -3588,28 +3587,7 @@ export const HP3new = () => (
               display: "inline",
             }}
           >
-            <g clipPath="url(#clipPath614)" id="g610">
-              <text
-                id="text618"
-                style={{
-                  fontVariant: "normal",
-                  fontWeight: "normal",
-                  fontSize: "20.04px",
-                  fontFamily: "ArialMT",
-                   
-                  
-                  fill: "#000000",
-                  fillOpacity: 1,
-                  fillRule: "nonzero",
-                  stroke: "none",
-                }}
-                transform="matrix(1,0,0,-1,102.96,811.54)"
-              >
-                <tspan id="tspan616" y={0} x={0}>
-                  {"t"}
-                </tspan>
-              </text>
-            </g>
+
           </g>
         </g>
       </g>

src/contents/Human Practices/IHP.tsx

@@ -100,7 +100,11 @@ export function HPIntegrated(){
                 none
             </div>
             <div className="col framecycletab" id="feedcycle" style={{display: "none"}}>
-                <HP3new/>
+                <div id="hp3-wrapper">
+                    <div className="col">
+                    <HP3new/>
+                    </div>
+                </div>
             </div>
             <div className="col framecycletab" id="refcycle" style={{display: "none"}}>refcycle </div>
             </Subesction>