title: Add whitespace to SVG via CSS to have space for CSS animation
body: <p>I have an SVG and I want to slightly animate some paths via CSS. Problem is once I move around an SVG path with some <code>transform</code> it gets cropped due to overflow. So I need to increase the viewbox of the SVG prior the animation so there's extra space available.</p>
  <p>Is there a way to do this via CSS? If not and I have to use JS, is there a generic way to reset the attribute without messing with the SVG itself? moving it, changing size etc.</p>
  <p>Thanks!</p>