docs: edited define-inputs-and-outputs.mdx

docs/creating-pipelines/define-inputs-and-outputs.mdx

@@ -18,6 +18,8 @@ To expose an input or output:
 2. Click the small **circle port** of the input or output you want to extract.
 3. Press the **"Take out"** button.
 
+![Extracting Inputs Outputs](../img/extract_inputs_outputs.webp)
+
 Once extracted, the item will appear in the Playground interface (for inputs) or Results tab (for outputs).
 
 ---

i18n/ru/docusaurus-plugin-content-docs/current/creating-pipelines/define-inputs-and-outputs.mdx

@@ -22,6 +22,8 @@ sidebar_position: 2
 2. Кликните на кружок рядом с нужным входом или выходом.
 3. Нажмите кнопку **"Take out"**.
 
+![Extracting Inputs Outputs](../img/extract_inputs_outputs.webp)
+
 После этого:
 - **Вход** появится в интерфейсе **Playground**, где пользователь сможет ввести данные.
 - **Выход** отобразится во вкладке **Results** после выполнения пайплайны.