Update bending.svg

components/src/bending.svg

-<svg width="1200" height="660" viewBox="0 0 600px 330px" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
-	<g transform="scale(2)">
-		<polygon points="50,50 220,28 440,37 500,50 500,250 420,240 220,227 50,250" stroke="black" stroke-width="1" fill="forestgreen" />
-		<path d="M 46 50 Q300 5 504 50" stroke="black" stroke-width="10" fill="none" />
-		<path d="M 53 249 Q300 210 497 249" stroke="black" stroke-width="10" fill="none" />
-		<line x1="50" y1="47" x2="50" y2="254" stroke="black"  stroke-width="10" />
-		<line x1="500" y1="47" x2="500" y2="254" stroke="black"  stroke-width="10" />
-		<path d="M 45 90 a 60 80 0 0 0 0 120 M 505 90 a 60 80 0 0 1 0 120" stroke="#ffe600" stroke-width="2" fill="#ff7501" />
-		<text x="275" y="185" text-anchor="middle" font-family="Arial" font-size="150" fill="white" width="2">B</text>
-	</g>
+<svg width="600" height="530" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+		<rect x="45" y="70" width="460" height="100" fill="#ff7501"/>
+		<path d="M 46 71 a 13 20 0 0 0 0 80 M 505 71 a 13 20 0 0 1 0 80" stroke="#ffe600" stroke-width="2" fill="#ff7501" />
+		<path d="M 46 70 Q280 -10 504 70" stroke="#ffe600" stroke-width="2" fill="#ff7501" />
+		<polygon points="50,100 220,65 330,65 440,85 500,95 500,300 420,290 220,277 50,300" stroke="black" stroke-width="1" fill="forestgreen" />
+		<line x1="50" y1="97" x2="50" y2="304" stroke="black"  stroke-width="10" />
+		<line x1="500" y1="97" x2="500" y2="304" stroke="black"  stroke-width="10" />
+		<path d="M 46 100 Q280 25 504 100" stroke="black" stroke-width="10" fill="none" />
+		<path d="M 53 299 Q280 260 497 299" stroke="black" stroke-width="10" fill="none" />
+		
+	<text x="275" y="235" text-anchor="middle" font-family="Arial" font-size="150" fill="white" width="2">B</text>
 </svg>