To modify open source interactive plan CSS,SVG,JS,HTML

The task is based on the proof-of-concept open source project [login to view URL], but it's missing important option, SVG vector image does not adjust appropriately to the screen dimensions. 1. SVG vector images MUST adjust appropriately to any screen dimension and be always at bthe center, right now svg tag is completely dependant on the width and height attributes, and this DOES NOT allow for svg vector image to adjust. Furthermore, we cannot remove the attributes as the page styling depends on it. <svg class="map map--1 map__outline" xmlns="[login to view URL]" viewBox="0 0 768 768" width="768" height="768" preserveAspectRatio="xMidYMid meet"> 2. HTML page MUST NOT depend on the width and height attributes of svg tags of floors 3. Floor plan MUST NEVER go outside of the defined screen bounds 4. Markers, that appear when selecting one of the floors, MUST be scaled appropriately with the main svg image 5. When markers overlap each other, maybe there's a possibility to list beside the markers their names as a list 6. Right now issues arise with pan/tilt of the floor plan when resolution of the screen changes, 1366 to 4K, a noticeable floor plan rotation, MUST NOT occur Attached is a zip archive with the sample saved static html saved from our app. File structure, Root folder contains, [login to view URL] --> main HTML facilityplan/ --> folder that includes helper files, scripts, and css fonts/ --> folder that includes fonts images/images/floor/ -> folder that includes sample floor SVG images Optional (will pay extra) I would like to have a path generator for SVG objects.