JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="foo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 1440 776">
<filter  height="200%" width="200%" y0="-50%" id="smallredinnershadow" x0="-50%">
	<feGaussianBlur  in="SourceAlpha" stdDeviation="3" result="blur"></feGaussianBlur>
	<feOffset  dx="3" dy="3"></feOffset>
	<feComposite  result="shadowDiff" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
	<feFlood  flood-color="#992523" flood-opacity="0.75"></feFlood>
	<feComposite  in2="shadowDiff" operator="in"></feComposite>
	<feComposite  result="firstfilter" in2="SourceGraphic" operator="over"></feComposite>
	<feGaussianBlur  in="firstfilter" stdDeviation="3" result="blur2"></feGaussianBlur>
	<feOffset  dx="-3" dy="-3"></feOffset>
	<feComposite  result="shadowDiff" in2="firstfilter" operator="arithmetic" k2="-1" k3="1"></feComposite>
	<feFlood  flood-color="#992523" flood-opacity="0.75"></feFlood>
	<feComposite  in2="shadowDiff" operator="in"></feComposite>
	<feComposite  in2="firstfilter" operator="over"></feComposite>
</filter>
<filter  height="200%" width="200%" y0="-50%" id="redinnershadow" x0="-50%">
	<feGaussianBlur  in="SourceAlpha" stdDeviation="8" result="blur"></feGaussianBlur>
	<feOffset  dx="8" dy="8"></feOffset>
	<feComposite  result="shadowDiff" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
	<feFlood  flood-color="#992523" flood-opacity="0.75"></feFlood>
	<feComposite  in2="shadowDiff" operator="in"></feComposite>
	<feComposite  result="firstfilter" in2="SourceGraphic" operator="over"></feComposite>
	<feGaussianBlur  in="firstfilter" stdDeviation="8" result="blur2"></feGaussianBlur>
	<feOffset  dx="-8" dy="-8"></feOffset>
	<feComposite  result="shadowDiff" in2="firstfilter" operator="arithmetic" k2="-1" k3="1"></feComposite>
	<feFlood  flood-color="#992523" flood-opacity="0.75"></feFlood>
	<feComposite  in2="shadowDiff" operator="in"></feComposite>
	<feComposite  in2="firstfilter"...

JavaScript

var test = document.getElementById("_x32_");
console.log(test);
var s = test.getBBox();

//check the console for the SVGRect object
console.log( s );

//we store the values from the object as our new viewBox string
var newView = "" + (s.x+100) + " " + (s.y+45) + " " + s.width + " " + s.height;
console.log(newView);
//we then set the new viewBox string as the viewBox attribute on the SVG
var foo = document.getElementById("foo");
console.log(foo);
foo.setAttribute("viewBox", newView);