convert exisiting image (png) in svg template (incl. xml elements) for online replacement and conversion

I have created an png image and a description below, which describes what I want. In general I have a server which takes an svg template replaces elements on it an creates a new svg which than will be converted in a png image, which will than be displayed on a kindle. I have a working sample (see attached files), which does what I want but now I want my own svg template. All other functionality I will take care of. In the word ppt I describe what I want, I really put some effort into this so please read and ask me if you have questions upfront. Its all based on: [login to view URL] [login to view URL] is the template which works, just has the wrong layout (this is what I need new) [login to view URL] is how it should look in the end [login to view URL] is an example output which was generated from [login to view URL] which should that my replacement worked.