use object tag to show svgz images

content/index.txt

@@ -20,9 +20,7 @@ summarized as follows:
 
 .. raw:: html
 
-    <img src="kwant-workflow1.svgz" style="width:71%;
-    float:left; margin-right:2%">
-    <img src="kwant-workflow2.jpg" style="width:27%;">
+    <object type="image/svg+xml" data="kwant-workflow.svgz" width="100%">kwant-workflow.svgz</object>
 
 Kwant was designed to be easy to use: Section 2 of the `Kwant paper
 <http://downloads.kwant-project.org/doc/kwant-paper.pdf>`_ contains a
@@ -46,8 +44,9 @@ Graphene flake
 
 .. container:: rightside
 
-   .. image:: graphene-edgestate.svgz
-      :width: 15em
+   .. raw:: html
+
+       <object type="image/svg+xml" data="graphene-edgestate.svgz" style="width: 15em;">graphene-edgestate.svgz</object>
 
 The complete code that constructs the graphene flake shown on the right side
 is::
@@ -75,11 +74,15 @@ Quantum Hall effect
 
 .. container:: rightside
 
-   .. image:: qhe-edgestate.png
+   .. raw:: html
+
+       <object type="image/svg+xml" data="qhe-edgestate.svgz" style="width: 15em;">qhe-edgestate.svgz</object>
 
 .. container:: leftside
 
-   .. image:: qhe-plateaus.png
+   .. raw:: html
+
+       <object type="image/svg+xml" data="qhe-plateaus.svgz" style="width: 15em;">qhe-plateaus.svgz</object>
 
 One of the most common applications of Kwant is to calculate the conductance of
 a nanoelectronic system.  The plot on the left shows the conductance through a
@@ -135,9 +138,9 @@ Conductance of a Corbino disk in a quantum Hall regime
 
 .. container:: leftside
 
-   .. image:: corbino-layout.svgz
-      :width: 15em
+   .. raw:: html
 
+       <object type="image/svg+xml" data="corbino-layout.svgz" style="width: 15em;">corbino-layout.svgz</object>
 
 .. container:: rightside