docs: images added in documentation

Author: alipsilv

content/.DS_Store

@@ -10,13 +10,16 @@ Pybytes supports LoRa servers from [The Things Network](https://www.thethingsnet
 About the traits of the different LoRa servers, you can uncover more following the links below.
 
 
-## TTN Server
+
+![TTN Server](/gitbook/assets/pybytes/lora/ttn_logo.svg)
 
 Once a device is created in Pybytes with LoRa network, and the TTN Server is selected, the device is automatically created in TTN server.
 
 For more information check out [The Things Network](https://www.thethingsnetwork.org/docs/)
 
-## ChirpStack
+
+
+![ChirpStack](/gitbook/assets/pybytes/lora/chirpstack_logo.png)
 
 Pybytes has its own LoRa Server based on [ChirpStack](https://www.chirpstack.io/).
 

content/gitbook/images/ttn_logo.svg

@@ -20,6 +20,8 @@ The basic configurations are made by Pybytes, but if you want to overwrite the L
 
 You can add your own server in the section Network-servers  
 
+![Network-servers](/gitbook/assets/pybytes/lora/screenshots/network_servers.png)
+
 **User** - Value
 
 The User will be created based on the same credentials that are used in Pybytes and it can be managed in the section Org. Users. At the same place, the Admin status of the user can be changed.  
@@ -47,6 +49,8 @@ All devices created in Pybytes will be connected to this app.
 
 The user should set up their own Gateway in order to communicate with ChirpStack.
 
+![Gateway](/gitbook/assets/pybytes/lora/screenshots/gateway.png)
+
 ### How to set up a gateway: 
 
 1 - Login in ChirpStack (https://loraserver.pycom.io/)

content/pybytes/networks/lora/_index.md

@@ -341,3 +341,17 @@ p {
 html {
   scroll-padding-top: 70px; /* height of sticky header */
 }
+
+img[src*="/gitbook/assets/pybytes/lora/screenshots"]{
+    margin-top: 20px;
+    margin-left: 15px;
+    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
+}
+
+img[src="/gitbook/assets/pybytes/lora/chirpstack_logo.png"]{
+    width: 200px;
+}
+
+img[src="/gitbook/assets/pybytes/lora/ttn_logo.svg"]{
+    width: 130px;
+}