title: Crop SVG from left & right sides
body: <p>Sorry, I couldn't find any existing information on this that didn't require the viewbox to be manually changed.</p>
  
  <p>I have an inline SVG which spans across the full width of a webpage (1920px wide by default) and I was wondering if there is a way I could crop the image instead of it scaling down (I understand this is one of the major points of using SVG)</p>
  
  <p>The image in question needs to not scale down as I've embedded a PNG image inside the SVG, the reason for this is because I'm using SVG as a responsive image map.</p>
  
  <p>I found it really hard to even explain what I'm trying to achieve so diagram time (sorry!), I'm hoping it's just a case of Monday brain and the solution is easier than I think.</p>
  
  <p><a href="https://i.stack.imgur.com/3fDmV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3fDmV.png" alt="diagram"></a></p>