chore(ois) Realign Images (#479)

Author: aditya520

pages/home/oracle-integrity-staking/reward-examples.mdx

@@ -20,6 +20,14 @@ NOTE: All the symbols used in the examples are explained in the [Mathematical Re
 
 This example takes the case of one pool where the pool has stake from only the publisher.
 
+<DualModeImage
+  darkSrc={OIS_Rewards_Example_Dark_1}
+  lightSrc={OIS_Rewards_Example_Light_1}
+  alt="Example 1"
+  sizes="100%"
+  placeholder="blur"
+/>
+
 $$
 \begin{aligned}
 {S^p_p} &= 100 \\
@@ -37,18 +45,18 @@ $$
 \end{aligned}
 $$
 
+## Example 2: Publisher and Delegator Stake
+
+This example takes the case where the pool has stake from both the publisher and the delegator.
+
 <DualModeImage
-  darkSrc={OIS_Rewards_Example_Dark_1}
-  lightSrc={OIS_Rewards_Example_Light_1}
-  alt="Example 1"
+  darkSrc={OIS_Rewards_Example_Dark_2}
+  lightSrc={OIS_Rewards_Example_Light_2}
+  alt="Example 2"
   sizes="100%"
   placeholder="blur"
 />
 
-## Example 2: Publisher and Delegator Stake
-
-This example takes the case where the pool has stake from both the publisher and the delegator.
-
 $$
 \begin{aligned}
 {S^p_p} &= 100 \\
@@ -66,18 +74,18 @@ $$
 \end{aligned}
 $$
 
+## Example 3: Publisher and Delegator Stake more than the Cap
+
+This example takes the case where the combined stake of both the publisher and the delegator exceeds the cap.
+
 <DualModeImage
-  darkSrc={OIS_Rewards_Example_Dark_2}
-  lightSrc={OIS_Rewards_Example_Light_2}
-  alt="Example 2"
+  darkSrc={OIS_Rewards_Example_Dark_3}
+  lightSrc={OIS_Rewards_Example_Light_3}
+  alt="Example 3"
   sizes="100%"
   placeholder="blur"
 />
 
-## Example 3: Publisher and Delegator Stake more than the Cap
-
-This example takes the case where the combined stake of both the publisher and the delegator exceeds the cap.
-
 $$
 \begin{aligned}
 {S^p_p} &= 300 \\
@@ -95,18 +103,18 @@ $$
 \end{aligned}
 $$
 
+## Example 4: Introducing Delegator Fees
+
+This example demonstrates how the delegation fee affect the reward distribution between the publisher and the delegator.
+
 <DualModeImage
-  darkSrc={OIS_Rewards_Example_Dark_3}
-  lightSrc={OIS_Rewards_Example_Light_3}
-  alt="Example 3"
+  darkSrc={OIS_Rewards_Example_Dark_4}
+  lightSrc={OIS_Rewards_Example_Light_4}
+  alt="Example 4"
   sizes="100%"
   placeholder="blur"
 />
 
-## Example 4: Introducing Delegator Fees
-
-This example demonstrates how the delegation fee affect the reward distribution between the publisher and the delegator.
-
 $$
 \begin{aligned}
 \quad{S^p_p} &= 200 \\
@@ -128,14 +136,6 @@ $$
 \end{aligned}
 $$
 
-<DualModeImage
-  darkSrc={OIS_Rewards_Example_Dark_4}
-  lightSrc={OIS_Rewards_Example_Light_4}
-  alt="Example 4"
-  sizes="100%"
-  placeholder="blur"
-/>
-
 In the example, the delegator pays a 2\% fee on their rewards to the publisher. This fee is deducted from the delegator's reward and added to the publisher's reward.
 
 ## Example 5: Slashing event on the pool