work on animation

public/assets/capital-letter/p.svg

@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
+   sodipodi:docname="p.svg"
    inkscape:export-filename="p_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -78,12 +78,12 @@
     </marker>
   </defs>
   <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
      d="M 48.503835,7.2773964 48.071477,78.855459"
      id="path127" />
   <g
      id="g2108"
-     transform="translate(-0.7254407,-4.4774733)">
+     transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
     <text
        xml:space="preserve"
        style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -105,15 +105,15 @@
   </g>
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+     d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
      id="path13743" />
   <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
      id="path3061" />
   <g
      id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
+     transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
      style="display:inline">
     <text
        xml:space="preserve"
@@ -136,7 +136,7 @@
   </g>
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
+     d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
      id="path15682" />
   <g
      id="g439"