Test/Fix issue with SVG used on Wordpress page using Divi template

I have an SVG map that makes use of some javascript (jquery) and CSS to generate mouseover effects on the map showing which sales representative covers which region. I now want to make this map work in the main content area of a Wordpress page that uses the 'Divi' (elegant themes) template and have it so that it resizes with the browser as it does when I resize the browser window in my working HTML demo (uploaded with this project). The map was created using info available at this link: [login to view URL] Despite having the map working perfectly in my own HTML demo, I'm having problems getting it to work in Wordpress+Divi. The map doesn't display when I copy over the CSS, inline SVG (pasting it in as code into a divi code module etc and any other way I can think of) along with copying over the javascript and jquery links. I don't want to give access to a wordpress site, it's still in development. Completion of this project will be as follows: - Clearly explain to me how to get this map working on a page, in the main content area, of a Wordpress+Divi site - I must be able to set the initial size of the map to the page (this is probably usually a percentage based thing?) so that I don't just get a tiny thumbnail on a very wide page or other obvious error - The map must resize with browser (one of the great SVG tricks, obviously!)