new MEV diagram on the MEV page

public/content/developers/docs/mev/index.md

@@ -181,6 +181,7 @@ Below is an overview of how the Builder API works:
 5. A validator using the Builder API is still expected to build a block locally in case the block builder fails to respond promptly, so they don't miss out on block proposal rewards. However, validator cannot create another block using either the now-revealed transactions or another set, as it would amount to _equivocation_ (signing two blocks within the same slot), which is a slashable offense.
 
 An example implementation of the Builder API is [MEV Boost](https://github.com/flashbots/mev-boost), an improvement on the [Flashbots auction mechanism](https://docs.flashbots.net/Flashbots-auction/overview/) designed to curb the negative externalities of MEV on Ethereum. Flashbots auction allows validators in proof-of-stake to outsource the work of building profitable blocks to specialized parties called **searchers**.
+![A diagram showing the MEV flow in detail](./mev.png)
 
 Searchers look for lucrative MEV opportunities and send transaction bundles to block proposers along with a [sealed-price bid](https://en.wikipedia.org/wiki/First-price_sealed-bid_auction) for inclusion in the block. The validator running mev-geth, a forked version of the go-ethereum (Geth) client only has to choose the bundle with the most profit and include it as part of the new block. To protect block proposers (validators) from spam and invalid transactions, transaction bundles pass through **relayers** for validation before getting to the proposer.
 

src/data/placeholders/content-developers-docs-mev-data.json

@@ -0,0 +1,10 @@
+{
+  "/content/developers/docs/mev/gas.png": {
+    "hash": "5c7e3803",
+    "base64": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAABYlAAAWJQFJUiTwAAACLUlEQVR4nB1RT0xScQD+ZTUrBJct1zqWt1zNq21utlp/Lm2uFrO1eeyQFzYd49TheUlGQq949SQZryaWsyUrtZUMeAI+QXkP/BOKgQaGzo0QSCHe117H79u+f/sITdMNLMvWcRynpijqxM7OfmsuV7mfzRbbent7j5tMpvr+/v7TFstgI8uyZ44celwDnn4At9GKeFxFGIbREEKITqer5bgBdamE2UoFOKhgzuv1qoxG4ymappsoqrtRp+vS9PU9a0Dg9VcscKh4HK1ESacoqkavH1ApRoUC3LIMlEoITE5Oqu1D3UcVPiqhTQih438Dz8tOeKwcXK7DRAijJx7HdFTCp+/L+LyRRqcsy5fzeVwIBkvN09ObtRw3oU6nkdjagszYV8+Dfz4BgQWk0UvkZwaj+SKwlkT5dwHIZnFPSYxE8CoiApIEq1arrRMlmEQR7+8aEmp4nV1ln9MOt1tDYr7Mo0y0MLUd2xvLRHKuH/N/mln2Y11sBWvRZWAljiWbTTipzGxvP3eM56stQggzHj/WIzH0EAQGHQhYgYA9j4XhKuZsd5QG++ElPTZnkY+kHio4JuGFJMIphuSbooji4iKQSIAhEN6+gzQECMNlRD8Acw6tIgBvvo5vT9fB97UoeOsXVrPbKPr86EimsLe7CyQ3wJCUi7lY5t/cqAYdV6sz9muLY+azyiMjlhHV+Liv3mw2qwwGg9rv/3vF5yvf+jJ10DQv4kk4DJsQxu1/rPx2bveFpz8AAAAASUVORK5CYII="
+  },
+  "/content/developers/docs/mev/mev.png": {
+    "hash": "0f52b1bc",
+    "base64": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABfklEQVR4nE2QO2tUQQBGR4341ia/QVgtLLSyEBvBYsE/IKS0EsEoCcaYxsZSSC8YV+HaxSSCFimiIhjtRbFx9268c18z+5o7d7NHZiYGp/uY4cz5PhFF0TEhhDCGs1lmbJ7XWy6Ps527uJN37rhMEa9BBfmvC/0+MzBBSgqxvBydDIBJo6pAa7Y9IP8z7wEqvueyTTtvMZq0HS8opV4/W4F379kVwCH3QOtJo65hOOSL/7HszgWAnA0G3XWw2CS+0hsyu/UBPn6iEq1Wa7rZbB7XmnPeQAUDK2UwKDvzLu9que6zjC/JjFuDPvz4yfg/AxrWglJ8W3rKaZMkS2GD9kOeXzthS7nhopHyxtoGN1de8v3FKz47wMG9ERujEZQlX+8/4ZRJ0kcekLYXuCgOhwo1FN2rvhKbR2Fzah+QZZw3Jox4/TZHbLqzGAx+P3D3VS9745anJ/cAkTffByjF5fEYBoN6e3WV6apQjz1AJ4tEc2cmo8JXYPQPwBRw4C/JQGPb+/3YHgAAAABJRU5ErkJggg=="
+  }
+}