docs: Align Images perfectly on mobile (#1856)

* docs: Use Light codeblocks theme

* docs: Fix image align

* fix pixels

* fix: Adjust all images

docs/docs/guides/TROUBLESHOOTING.mdx

@@ -8,8 +8,8 @@ import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 import useBaseUrl from '@docusaurus/useBaseUrl'
 
-<div>
-  <img align="right" width="283" src={useBaseUrl("img/11_back.png")} />
+<div class="image-container">
+  <img width="283" src={useBaseUrl("img/11_back.png")} />
 </div>
 
 ## Steps to try