moved img to editable section

I moved the     

img {
    max-width: 100%;
}

to the editable section because I think people need to understand why the image is behaving the way it is.

Author: estelle

multicol/balancing/balance.html

@@ -56,9 +56,7 @@
       display: block;
       margin: 5px;
     }
-    img {
-    max-width: 100%;
-}
+
 
   </style>
   <style class="editable">
@@ -67,6 +65,9 @@
       column-fill: balance;
       height: 250px;
     }
+    img {
+      max-width: 100%;
+    }
   </style>
 </head>