Как подготовить файл Inkscape SVG для адаптивного веб-дизайна?

Я делал учебник по Treehouse по адаптивному веб-дизайну. На этом этапе в учебнике нас просят преобразовать изображение в svg, чтобы оно могло масштабироваться полностью ответственно.

вместо использования Adobe Illustrator, которым я не владею, я использовал бесплатную Inkscape. После преобразования изображения нам предлагается открыть изображение в текстовом редакторе и удалить требования к высоте и ширине из объявления svg и добавить селектор объектов в правило max width в наш стиль css:

  img, object {
max-width: 100%;
}    

однако после удаления высоты и ширины изображение не реагирует, а вместо этого странно обрезается следующим образом:

кто-нибудь знает, какую ошибку я сделал? Или то, что я должен был убрать?

Извините, если вопрос был задан раньше, я не могу его найти.

edit1, код:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   id="svg2985"
   version="1.1"
   inkscape:version="0.48.4 r9939"
   width="319"
   height="177"
   sodipodi:docname="logo.gif">
  <metadata
     id="metadata2991">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs2989" />
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="640"
     inkscape:window-height="480"
     id="namedview2987"
     showgrid="false"
     inkscape:zoom="0.94984326"
     inkscape:cx="159.5"
     inkscape:cy="88.5"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg2985" />
  <image
     width="319"
     height="177"
     xlink:href="

это "высота" и "ширина" в первом теге SVG, который я удалил.