docs(editor): text runs modifiers updated

editor/text/text-modifiers.mdx

@@ -1,6 +1,5 @@
 ---
-title: 'Text Modifiers'
-description: ''
+title: "Text Modifiers"
 ---
 
 import { YouTube } from '/snippets/youtube.mdx'
@@ -22,9 +21,11 @@ A Text Modifier group contains at least one range and up to one of each modifier
 
 Use the `+` action alongside the modifier group name to enable a chosen property.
 
-<Info>Each modifier group may only add one of each property type.</Info>
+<Info>
+  Each modifier group may only add one of each property type.
+</Info>
 
-![Create Text Modifier Groups via the Inspector](https://ucarecdn.com/53d0de7b-fbb9-4eea-8715-98a47343c121/)
+![Create Text Modifier Groups via the Inspector](/images/editor/text/text-runs-modifiers-create.gif)
 
 ---
 
@@ -38,21 +39,21 @@ As an example, a range with a start point of 0% and an end value of 50% will onl
 
 You can see a visual representation of the range via a shaded area on the stage. You can configure the stage visual options in the visibility menu on the toolbar.
 
-![Apply transforms to the target text range](https://ucarecdn.com/0ce72074-f001-4005-8737-f7a4317edfbb/)
+![Apply transforms to the target text range](/images/editor/text/text-runs-modifiers-range.gif)
 
 ### Falloff
 
 Use the falloff values to add interpolation to the applied modifier properties. For example, a modifier group that scales glyphs to 200% with a range from 0% to 100% and a falloff of 25% to 75% will gradually scale glyphs up form 100% to 200% over the first quarter of the text, and back down again over the last quarter of the text.
 
 The falloff can be visualised via the darker shading on the stage guide.
 
-![Use falloff to interpolate applied modifier properties](https://ucarecdn.com/afec5391-cdb9-4e5c-b8e2-53ca0781a208/)
+![Use falloff to interpolate applied modifier properties](/images/editor/text/text-runs-modifiers-fallof.gif)
 
 ### Offset
 
 Use the offset value to traverse the range along the text value. Try animating the offset value to create wipe effects along a text value. For example, a scale modifier can animate the offset to make individual glyphs scale up and back down again.
 
-![Image](https://ucarecdn.com/0172bf94-07d5-48f1-b276-309a784417bd/)
+![Text Runs Modifiers Offset](/images/editor/text/text-runs-modifiers-offset.gif)
 
 ### Range Options
 
@@ -66,13 +67,17 @@ Define whether modifier properties get applied by:
 - Words
 - Lines
 
-<Info>The increment value will affect an index-based Range Type.</Info>
+<Info>
+  The increment value will affect an index-based Range Type.
+</Info>
 
 #### Mode
 
 Change the range mode to define how modifier properties should be calculated when multiple ranges on the same group cross over. For example, if a modifier with multiple ranges applied a scale value of 200% — an add mode would increase the scale to 400% if the ranges were to crossover.
 
-<Info> Turn on Modifier Range Values in the visibility menu to get a numerical indication of how much a Text Modifier is affecting glyphs.</Info>
+<Info>
+  Turn on Modifier Range Values in the visibility menu to get a numerical indication of how much a Text Modifier is affecting glyphs.
+</Info>
 
 #### Strength
 
@@ -93,4 +98,4 @@ Toggle visual guides on the stage via the visibility menu in the toolbar:
 - Modifier Range: Toggle the display of a shaded area on the stage to highlight the range position on a selected text object.
 - Modifier Range Values: Toggle the display of per-glyph values on modifier ranges to indicate the applied strength of a given modifier.
 
-![Image](https://ucarecdn.com/954f7dde-728e-4569-bd8d-09163db42357/)
+![Text Runs Modifiers View Options](/images/editor/text/text-runs-modifiers-options.gif)