AVSystem · czarekeltonjohn · Aug 14, 2026 · Aug 24, 2026
diff --git a/docs/Coiote_IoT_DM/Cloud_integrations/cloud-integrations.md b/docs/Coiote_IoT_DM/Cloud_integrations/cloud-integrations.md
@@ -8,7 +8,7 @@ These guides will take you on a step-by-step journey to seamlessly activate the
 
 See guides in Coiote DM User Documentation to learn how you can get started with the {{ coiote_short_name }} – Azure IoT integration:
 
-[Azure IoT Hub](https://{{coiote_server}}/doc/user/integrations/how-to-guides/hyperscaler-integrations/azure-iot-hub/integrate-with-azure-iot-hub/){: .md-button .md-button--big :style="float: left;margin-right: 30px;"} [Azure IoT Central](https://{{coiote_server}}/doc/user/integrations/how-to-guides/hyperscaler-integrations/azure-iot-central/integrate-with-azure-iot-central/){: .md-button .md-button--big :style="float: left;margin-right: 30px;"} [Azure DPS](https://{{coiote_server}}/doc/user/integrations/how-to-guides/hyperscaler-integrations/integrate-with-azure-dps/){: .md-button .md-button--big }
+[Azure IoT Hub](https://{{coiote_server}}/doc/user/integrations/how-to-guides/hyperscaler-integrations/azure-iot-hub/integrate-with-azure-iot-hub/){: .md-button .md-button--big .button-row-item} [Azure IoT Central](https://{{coiote_server}}/doc/user/integrations/how-to-guides/hyperscaler-integrations/azure-iot-central/integrate-with-azure-iot-central/){: .md-button .md-button--big .button-row-item} [Azure DPS](https://{{coiote_server}}/doc/user/integrations/how-to-guides/hyperscaler-integrations/integrate-with-azure-dps/){: .md-button .md-button--big }
 
 ## AWS integration
 

diff --git a/docs/Coiote_IoT_DM/Release_Notes/v2022.13.5.md b/docs/Coiote_IoT_DM/Release_Notes/v2022.13.5.md
@@ -13,7 +13,7 @@ We have introduced the new Device Center for effective management of single devi
        - Quickly check connection status and parameters
        - See basic device info
 
-      ![Device Center sidebar](images/DC_sidebar.PNG "Device Center sidebar"){:style="float: left;margin-right: 1077px;margin-top: 17px;margin-bottom: 17px"}
+      ![Device Center sidebar](images/DC_sidebar.PNG "Device Center sidebar"){: .content-image-float .content-image-float--release-note .content-image-float--spaced}
 
 - Overview tab
        - Display widgets related to device status and connectivity

diff --git a/docs/LwM2M_Client/ESP32/M5Stick.md b/docs/LwM2M_Client/ESP32/M5Stick.md
@@ -52,7 +52,7 @@ Integrate your ESP32-based device to manage it via {{ coiote_short_name }}.
     python nvs_partition_gen.py generate nvs_config.csv nvs_config.bin 0x4000
     ```
 
-![Client configuration](images/nvs_config.png "Client configuration"){: style="float: left;margin-right: 1177px;margin-top: 17px;"}
+![Client configuration](images/nvs_config.png "Client configuration"){: .content-image-float .content-image-float--wide}
 
 ## Step 3: Add device to {{ coiote_short_name }}
 

diff --git a/docs/LwM2M_Client/Nordic/nRF7002DK.md b/docs/LwM2M_Client/Nordic/nRF7002DK.md
@@ -78,18 +78,18 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
         To show available subcommands, use the **Tab** key.
 
 0. Check your default credentials by following the instructions in the program:
-    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){:style="float: left;margin-right: 1177px; margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
     !!! note
         Use the `anjay stop` command to stop LwM2M Client if you are going to change credentials.
 
     If your default credentials are different from device credentials provided in {{ coiote_short_name }}, change them using the `anjay config set <possible_option> <value>` command.
     <br/>
-    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 
 0. The **nRF7002 DK** connects to the Internet via a Wi-Fi network. Remember to set the credentials of your network using `anjay config set wifi_ssid <value>` and `anjay config set wifi_password <value>`.
-        ![Set WiFi credentials](images/set_wifi_credentials.png "Anjay set configuration"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+        ![Set WiFi credentials](images/set_wifi_credentials.png "Anjay set configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 0. Use the `anjay start` command to run the Client.
 0. Go to {{ coiote_short_name }} to check if your device is connected. Click **Next**, then **Go to Summary**, then **Finish**. You should see your device registered.

diff --git a/docs/LwM2M_Client/Nordic/nRF9151DK.md b/docs/LwM2M_Client/Nordic/nRF9151DK.md
@@ -83,14 +83,14 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
         To show available subcommands, use the **Tab** key.
 
 0. Check your default credentials by following the instructions in the program:
-    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){:style="float: left;margin-right: 1177px; margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
     !!! note
         Use the `anjay stop` command to stop LwM2M Client if you are going to change credentials.
 
     If your default credentials are different from device credentials provided in {{ coiote_short_name }}, change them using the `anjay config set <possible_option> <value>` command.
     <br/>
-    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 
 0. Use the `anjay start` command to run the Client.

diff --git a/docs/LwM2M_Client/Nordic/nRF9160DK.md b/docs/LwM2M_Client/Nordic/nRF9160DK.md
@@ -83,14 +83,14 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
         To show available subcommands, use the **Tab** key.
 
 0. Check your default credentials by following the instructions in the program:
-    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){:style="float: left;margin-right: 1177px; margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
     !!! note
         Use the `anjay stop` command to stop LwM2M Client if you are going to change credentials.
 
     If your default credentials are different from device credentials provided in {{ coiote_short_name }}, change them using the `anjay config set <possible_option> <value>` command.
     <br/>
-    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 
 0. Use the `anjay start` command to run the Client.

diff --git a/docs/LwM2M_Client/OpenThread/Adding_device.md b/docs/LwM2M_Client/OpenThread/Adding_device.md
@@ -26,9 +26,9 @@ When you are connected you should see the OpenThread main page:
 
 ### Creating an OpenThread network
 
-On the left side, select the ***Form*** option, and a new page will be displayed for the network creation. After providing required credentials, click the **FORM** button and a message should pop up to let you know about the operation's success. ![Form Network](images/form_network.png "Form Network"){:style="float: left;margin-right: 1177px;margin-top: 17px; margin-bottom: 17px;"}
+On the left side, select the ***Form*** option, and a new page will be displayed for the network creation. After providing required credentials, click the **FORM** button and a message should pop up to let you know about the operation's success. ![Form Network](images/form_network.png "Form Network"){: .content-image-float .content-image-float--wide .content-image-float--spaced}
 
-On the left-side menu, click ***Topology*** to see the role of Border Router. ![Border Router topology](images/border1.png "Border Router topology"){:style="float: left;margin-right: 1177px;margin-top: 17px; margin-bottom: 17px;"}
+On the left-side menu, click ***Topology*** to see the role of Border Router. ![Border Router topology](images/border1.png "Border Router topology"){: .content-image-float .content-image-float--wide .content-image-float--spaced}
 
 ### Commissioning process
 
@@ -46,7 +46,7 @@ To start the commissioning process click ***Commission*** on the left-side menu
     <br />
     For more information check [here](https://openthread.io/guides/border-router/external-commissioning/prepare?hl=en#prepare_the_joiner_device).
 
-Click **START COMMISSION** button, and a message should pop up to inform you about the operation's success. ![Start commission](images/commision.png "Start commission"){:style="float: left;margin-right: 1177px;margin-top: 17px; margin-bottom: 17px;"}
+Click **START COMMISSION** button, and a message should pop up to inform you about the operation's success. ![Start commission](images/commision.png "Start commission"){: .content-image-float .content-image-float--wide .content-image-float--spaced}
 
 ### Device configuration
 
@@ -122,32 +122,32 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
 0. Use the `anjay stop` command to stop LwM2M Client and change credentials.
 
 0. Check your default credentials by following the instructions in the program:
-    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){:style="float: left;margin-right: 1177px; margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 
     !!! note
         If your default credentials are different from device credentials provided in {{ coiote_short_name }}, change them using the `anjay config set <possible_option> <value>` command.
         <br/>
-        ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+        ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 
 0. Use the `anjay start` command to run the Client.
 
 0. In logs, you can find information about status of the device. There will be information about success or failure in joining the connection and the current role of your device in the OpenThread network.
 
-    ![Connected as a child role](images/connected_child.PNG "Connected as a child role"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Connected as a child role](images/connected_child.PNG "Connected as a child role"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 0. Go to OpenThread main web page, on the left-side menu click ***Topology*** to see connected device.
 
-    ![Connected device as a child](images/border2.png "Connected device as a child"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Connected device as a child](images/border2.png "Connected device as a child"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
     !!! Note
         The node should join the OTBR Thread network automatically. Within two minutes its state should change to `router`.
 
-        ![Connected device as a router](images/border3.png "Connected device as a router"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+        ![Connected device as a router](images/border3.png "Connected device as a router"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 0. Go to {{ coiote_short_name }} to check if your device is connected. Click **Next**, then **Go to Summary**, then **Finish**. You will see your Device Center view:
-    ![Registered device](images/registered_device.png "Registered device"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Registered device](images/registered_device.png "Registered device"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 !!! note
     When Anjay has no connection with the server or network for a long time, warning

diff --git a/docs/LwM2M_Client/OpenThread/OTBR_with_svetovid.md b/docs/LwM2M_Client/OpenThread/OTBR_with_svetovid.md
@@ -152,7 +152,7 @@ After that you can run your image in a new container:
 ## Configure your Border Router through {{ coiote_short_name }}
 
 After a while (about 10 minutes) you should see that your Border Router successfully connected to server. Now you can click **Next**, then **Go to Summary**, then **Finish**. You will see your Device Center view.
-![Registered device](images/registered_device.png "Registered device"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+![Registered device](images/registered_device.png "Registered device"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 Now you can switch to **Data model** tab. Here you can find objects related to **OpenThread Border Router**:
 

diff --git a/docs/LwM2M_Client/STMicroelectronics/B-L462E-CELL1-TYPE1SC.md b/docs/LwM2M_Client/STMicroelectronics/B-L462E-CELL1-TYPE1SC.md
@@ -63,7 +63,7 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
     ``Press any key in 3 seconds to enter config menu...``
 
 3. Press any key and in the configuration menu, change the default credentials to your data by following the instructions presented in the program and save it.
-      ![Client configuration](images/config_menu1.png "Client configuration"){: style="float: left;margin-right: 1177px;margin-top: 17px;margin-bottom: 17px;"}
+      ![Client configuration](images/config_menu1.png "Client configuration"){: .content-image-float .content-image-float--wide .content-image-float--spaced}
 
     !!! important
         APN (Access Point Name) is the name of a gateway between a GSM, GPRS, 3G and 4G mobile network and another computer network. If you use built-in eSIM card Truphone then change APN to **iot.truphone.com**.

diff --git a/docs/LwM2M_Client/STMicroelectronics/B-L475E-IOT01A.md b/docs/LwM2M_Client/STMicroelectronics/B-L475E-IOT01A.md
@@ -73,14 +73,14 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
         To show available subcommands, use the **Tab** key.
 
 0. Check your default credentials by following the instructions in the program:
-    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){:style="float: left;margin-right: 1177px; margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay configuration](images/anjay_config.png "Anjay configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
     !!! note
         Use the `anjay stop` command to stop LwM2M Client and change credentials.
 
     If your default credentials are different from device credentials provided in {{ coiote_short_name }}, change them using the `anjay config set <possible_option> <value>` command.
     <br/>
-    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){:style="float: left;margin-right: 1177px;margin-top: 7px; margin-bottom: 17px;"}
+    ![Anjay set configuration](images/anjay_config_set.PNG "Anjay set configuration"){: .content-image-float .content-image-float--wide .content-image-float--compact .content-image-float--spaced}
 
 0. Use the `anjay start` command to run the Client.
 0. Go to {{ coiote_short_name }} to check if your device is connected. Click **Next**, then **Go to Summary**, then **Finish**. You will see your Device Center view:

diff --git a/docs/LwM2M_Client/STMicroelectronics/B-U585I-IOT02A-BG96.md b/docs/LwM2M_Client/STMicroelectronics/B-U585I-IOT02A-BG96.md
@@ -80,7 +80,7 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
     !!! tip
         LwM2M Server URI, endpoint name and other information you can be found in the **configuration** tab.
 
-    ![Client configuration](images/config_menu1.png "Client configuration"){:style="float: left;margin-right: 1177px;margin-top: 17px;margin-bottom: 17px;"}
+    ![Client configuration](images/config_menu1.png "Client configuration"){: .content-image-float .content-image-float--wide .content-image-float--spaced}
 
     !!! important
         APN (Access Point Name) is the name of a gateway between a GSM, GPRS, 3G and 4G mobile network and another computer network. If you use a built-in Truphone eSIM card, change the APN to **iot.truphone.com**.

diff --git a/docs/LwM2M_Client/STMicroelectronics/STM32L496G-DISCOBG96.md b/docs/LwM2M_Client/STMicroelectronics/STM32L496G-DISCOBG96.md
@@ -74,7 +74,7 @@ To connect the board, log in to the platform and follow [onboarding guide]({{ co
     ``Press any key in 3 seconds to enter config menu...``
 
 0. Press any key and in the configuration menu, change the default credentials to your data by following the instructions presented in the program and save it.
-   ![Client configuration](images/config_menu1.png "Client configuration"){:style="float: left;margin-right: 1177px;margin-top: 17px;margin-bottom: 17px;"}
+   ![Client configuration](images/config_menu1.png "Client configuration"){: .content-image-float .content-image-float--wide .content-image-float--spaced}
 
     !!! important
         APN (Access Point Name) is the name of a gateway between a GSM, GPRS, 3G and 4G mobile network and another computer network. If you use a built-in Truphone eSIM card, change the APN to **iot.truphone.com**.

diff --git a/docs/academy/exercise2a.md b/docs/academy/exercise2a.md
@@ -38,7 +38,7 @@ The Resources which are configured for the Security Object are:
 - **Resource `/0/x/0`**: **LwM2M Server URI**. This Resource defines the address of the LwM2M Server.
 - **Resource `/0/x/2`**: **Security Mode**. This Resource defines the security mode. In this application, the NoSec (no security) mode is used. By changing this parameter, other security modes can be used, including Pre-Shared Key mode and Certificate mode.
 
-<p style="text-align: center;">main.c</p>
+<p class="text-center">main.c</p>
 ```
 // Installs Security Object and adds an instance of it.
 // An instance of Security Object provides information needed to connect // to LwM2M server.
@@ -81,7 +81,7 @@ The Resources which are configured for the Server Object are:
 - **Resource `/1/x/5`**: **Disable Timeout** - This Resource controls the time period after which, the LwM2M Client will re-register to the server. In this application, we use “-1” which means the Disable Timeout is disabled. When this Resource is not set, the default timeout value of 86400 seconds (1 day) is used.
 - **Resource `/1/x/7`**: **Binding** - This Resource sets the preferred transport method. In this application, it is set to UDP. The LwM2M standard provides the option to set the binding to TCP, SMS, LoRaWAN, CIoT, or WebSockets.
 
-<p style="text-align: center;">main.c</p>
+<p class="text-center">main.c</p>
 ```
 // Installs Server Object and adds an instance of it.
 // An instance of Server Object provides the data related to a LwM2M
@@ -128,7 +128,7 @@ It is also used for invoking a device **Resource `/3/x/4`**: **Reboot** or **Res
 
 After the `setup_server_object()` and the `setup_security_object()` have been added to the **main.c** file, these Objects need to be initiated using `anjay_task()`. This is done using the code below.
 
-<p style="text-align: center;">main.c</p>
+<p class="text-center">main.c</p>
 ```
 
 void anjay_task(__unused void *params) {