Im currently having an issue where for whatever reason I can't get any Transform CSS attributes to apply to an SVG image inside a div.

Here is the CSS for the code in question:

#interior-map-container {
  background-color: white;
  width: 1200px;
  height: 600px;
  overflow: hidden;
  border-radius: 25px;
  margin-top: 50px;
  box-shadow: 0px 0px 21px 3px rgba(0,0,0,0.74);
  position: relative;
}

#interior-map {
  transform-origin: center;
  transform: scale(0.3);
}

I've tested replacing the svg file (which is interior-map) with a JPG and still could not get the transform styles to apply. Other styling applies just fine, it's just transform attributes. Any suggestions would be great, thank you.