[css-ui] Move text block

Author: frivoal

css-ui-4/Overview.bs

@@ -1173,17 +1173,6 @@ Animation of the insertion caret: 'caret-animation'</h4>
 	when applying custom animations using [[CSS3-ANIMATIONS]],
 	to prevent the UA's animation and the CSS animation to interfere.
 
-	<div class=advisement>
-		If a user agent is unwilling to yield control of caret animmations
-		to page authors and would not honor ''caret-animation: manual'',
-		it must not implement the property at all.
-
-		Note:
-		This enables authors to use <code highlight="css">@supports (caret-animation: manual) { … }</code>
-		to gate code that would depend on this functionality.
-		See [[CSS-CONDITIONAL-3]].
-	</div>
-
 	Note: See <a href="https://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3: Seizures: Do not design content in a way that is known to cause seizures</a> [[WCAG20]].
 
 	<div class=example>
@@ -1248,6 +1237,17 @@ Animation of the insertion caret: 'caret-animation'</h4>
 		>Text area with color-alternating caret</div>
 	</div>
 
+	<div class=advisement>
+		If a user agent is unwilling to yield control of caret animmations
+		to page authors and would not honor ''caret-animation: manual'',
+		it must not implement the property at all.
+
+		Note:
+		This enables authors to use <code highlight="css">@supports (caret-animation: manual) { … }</code>
+		to gate code that would depend on this functionality.
+		See [[CSS-CONDITIONAL-3]].
+	</div>
+
 
 <h4 id="caret-shape">
 Shape of the insertion caret: 'caret-shape'</h4>