docs: add illustration on focusing camera

docs/en/camera_setup.md

@@ -8,16 +8,14 @@ Computer vision modules (like [ArUco markers](aruco.md) and [Optical Flow](optic
 
 In order to focus the camera lens, do the following:
 
+<img src="../assets/cam_setup.png" width=180 class="center zoom">
+
 1. Open the live camera stream in your browser using [web_video_server](web_video_server.md).
 2. Rotate the lens to adjust the image. Make sure the objects that are 2-3 m from the camera are in focus.
 
-Example of an image with lens out of focus:
-
-<img src="../assets/unfocused.png" width=300>
-
-Image with properly adjusted lens:
-
-<img src="../assets/focused.png" width=300>
+|Focused image|Unfocused image|
+|-|-|
+|<img src="../assets/unfocused.png" width=300 class=zoom>|<img src="../assets/focused.png" width=300 class=zoom>|
 
 ## Setting the camera position {#frame}
 

docs/ru/camera_setup.md

@@ -8,16 +8,14 @@
 
 Для успешного осуществления полетов с использованием камеры, необходимо настроить фокус камеры.
 
+<img src="../assets/cam_setup.png" width=180 class="center zoom">
+
 1. Откройте трансляцию изображения с камеры используя [web_video_server](web_video_server.md).
 2. С помощью вращения объектива камеры добейтесь максимальной резкости деталей (предпочтительно на расстоянии предполагаемой высоты полета – 2–3 м).
 
-Расфокусированное изображение:
-
-<img src="../assets/unfocused.png" width=300>
-
-Сфокусированное изображение:
-
-<img src="../assets/focused.png" width=300>
+|Расфокусированное изображение|Сфокусированное изображение|
+|-|-|
+|<img src="../assets/unfocused.png" width=300 class=zoom>|<img src="../assets/focused.png" width=300 class=zoom>|
 
 ## Настройка расположения камеры {#frame}