[css-easing-2][editorial] Move images to images directory

Author: svgeesus

css-easing-2/Overview.bs

@@ -1,6 +1,8 @@
 <pre class=metadata>
 Title: CSS Easing Functions Level 2
-Status: ED
+Status: FPWD
+Prepare for TR: yes
+Date: 2024-08-29
 Work Status: exploring
 Shortname: css-easing
 Level: 2
@@ -82,7 +84,7 @@ input progress value and producing a corresponding transformed output progress
 value.
 
 <figure>
-  <img class="easing-graph" src="easing-function-example.svg" width="535" height="510"
+  <img class="easing-graph" src="images/easing-function-example.svg" width="535" height="510"
     alt="Example of an easing function that produces an ease-in effect.">
   <figcaption>
     Example of an easing function that produces an ease-in effect.<br>
@@ -352,7 +354,7 @@ It returns an [=output progress value=].
   that moves linearly from 0, to 0.25, then to 1:
 
   <figure>
-    <img class="easing-graph" src="simple-linear-example.svg" width="535" height="510"
+    <img class="easing-graph" src="images/simple-linear-example.svg" width="535" height="510"
       alt="linear(0, 0.25, 1) plotted on a graph">
   </figure>
 </div>
@@ -365,7 +367,7 @@ It returns an [=output progress value=].
   then the last 25% transitioning from ''.25'' to ''1'':
 
   <figure>
-    <img class="easing-graph" src="linear-with-input-example.svg" width="535" height="510"
+    <img class="easing-graph" src="images/linear-with-input-example.svg" width="535" height="510"
       alt="linear(0, 0.25 75%, 1) plotted on a graph.
         The graph has three points.
         The first is at 0,0.
@@ -382,7 +384,7 @@ It returns an [=output progress value=].
   producing the following easing function:
 
   <figure>
-    <img class="easing-graph" src="linear-with-double-input-example.svg" width="535" height="510"
+    <img class="easing-graph" src="images/linear-with-double-input-example.svg" width="535" height="510"
       alt="linear(0, 0.25 75%, 1) plotted on a graph.
         The graph has four points.
         The first is at 0,0.
@@ -398,7 +400,7 @@ It returns an [=output progress value=].
   For example, here are the implicit values from the previous function:
 
   <figure>
-    <img class="easing-graph" src="linear-with-double-input-example-continued.svg" width="535" height="510"
+    <img class="easing-graph" src="images/linear-with-double-input-example-continued.svg" width="535" height="510"
       alt="linear(0, 0.25 75%, 1) plotted on a graph.
         The graph has four points.
         The first is at 0,0.
@@ -436,7 +438,7 @@ It returns an [=output progress value=].
   so inputs greater than 1 always output 1.
 
   <figure>
-    <img class="easing-graph" src="linear-bounce-example.svg" width="535" height="510"
+    <img class="easing-graph" src="images/linear-bounce-example.svg" width="535" height="510"
       alt="The graph of a rough bounce easing.">
   </figure>
 
@@ -483,7 +485,7 @@ The <var>x</var> coordinates of <var>P1</var> and <var>P2</var>
 are restricted to the range [0, 1].
 
 <figure>
-  <img class="easing-graph" src="cubic-bezier-easing-curve.svg" width="535" height="510"
+  <img class="easing-graph" src="images/cubic-bezier-easing-curve.svg" width="535" height="510"
       alt="A cubic Bezier curve used as an easing function.">
   <figcaption>
     A cubic B&eacute;zier curve used as an easing function.<br>
@@ -528,7 +530,7 @@ The meaning of each value is as follows:
 The keyword values listed above are illustrated below.
 
 <figure>
-  <img class="easing-graph" src="curve-keywords.svg" width="500"
+  <img class="easing-graph" src="images/curve-keywords.svg" width="500"
       alt="The easing functions produced by keyword values.">
   <figcaption>
     The easing functions produced by each of the cubic B&eacute;zier easing
@@ -607,7 +609,7 @@ The meaning of each value is as follows:
 ::  Computes to ''steps(1, end)''
 
     <figure>
-      <img class="easing-graph" src="step-easing-keyword-examples.svg" width="500"
+      <img class="easing-graph" src="images/step-easing-keyword-examples.svg" width="500"
           alt="Example step easing keywords.">
       <figcaption>
         Example step easing function keyword values.
@@ -646,7 +648,7 @@ The meaning of each value is as follows:
     These values are illustrated below:
 
     <figure>
-      <img class="easing-graph" src="step-easing-func-examples.svg" width="500"
+      <img class="easing-graph" src="images/step-easing-func-examples.svg" width="500"
           alt="Example step easing functions.">
       <figcaption>
         Example step easing functions.