Deflake svg/repaint/image-animation-with-zoom.html

LayoutTests/svg/repaint/resources/animate-center.svg

Index: LayoutTests/svg/repaint/resources/animate-center.svg
diff --git a/LayoutTests/svg/repaint/resources/animate-center.svg b/LayoutTests/svg/repaint/resources/animate-center.svg
index 9d823c690bae62eb82ca5a6f0e3645855282c3b6..150869feaade3bf8e534973c967f94e03c8dad3d 100644
--- a/LayoutTests/svg/repaint/resources/animate-center.svg
+++ b/LayoutTests/svg/repaint/resources/animate-center.svg
@@ -1,17 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
   <defs>
     <style type="text/css"><![CDATA[
       #square {
         fill: red;
-        -webkit-animation: keyframes 0.20s;
+        -webkit-animation: keyframes 0.01s;
         -webkit-animation-fill-mode: forwards;
         -webkit-animation-timing-function: step-end;
       }
       @-webkit-keyframes keyframes {
         0% { fill: pink }
+        /* To prevent flakiness, rapidly switch to green */
+        1% { fill: green }
         100% { fill: green }
       }
     ]]></style>
   </defs>
-  <rect id="square" width="100" height="100" x="50" y="50"></rect>
+  <rect id="square" width="5" height="5" x="5" y="5"></rect>
 </svg>