feat: replace scaling1.png

apps/docs/content/dotnet/how-to/scaling.mdx

@@ -2,18 +2,22 @@
 title: How Zerops scales .NET
 ---
 
+import Image from '/src/components/Image';
+
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
+
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/features/scaling-ha.mdx

@@ -2,6 +2,8 @@
 title: Automatic scaling and High Availability
 ---
 
+import Image from '/src/components/Image';
+
 ## What is automatic scaling?
 
 Zerops scales your application or a database based on the current load. If your application isn’t used so often the auto scaling reduces the amount of required hardware resources and thus reduces the costs. If your application is used more, then auto scaling increases the resources for the application to make sure it runs smoothly even with the higher demand.
@@ -13,11 +15,11 @@ On Zerops, you never pay for resources you don’t need. At the same time you do
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/go/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales Go
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/java/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales Java
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/nginx/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales Nginx
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/nodejs/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales Node.js
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/php/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales PHP
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/python/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales Python
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>
 

apps/docs/content/rust/how-to/scaling.mdx

@@ -2,18 +2,20 @@
 title: How Zerops scales Rust
 ---
 
+import Image from '/src/components/Image';
+
 Zerops performs an automated scaling of hardware resources required to run your runtime application based on its usage. If the current use of your application does not require as much performance or disk space the auto scaling reduces the resources and thus reduces the costs. If your application is under heavy load or needs to store more data, then auto scaling increases the resources to make sure it runs smoothly.
 
 ## Vertical and horizontal auto scaling
 
 Each application you deploy starts with the minimum hardware resources: **CPU** cores, **RAM** and **Disk**. Zerops monitors the usage of these 3 resources and if the usage exceeds a set threshold, more CPU cores, RAM or Disk is allocated to the service. This is called **vertical scaling**.
 
 <p align="center">
-  <img
-    src="/img/screenshots/scaling1.png"
-    alt="image"
-    width="80%"
-    height="auto"
+  <Image
+    lightImage="/img/gui/resources.webp"
+    darkImage="/img/gui/resources.webp"
+    alt="Resources of a Zerops service"
+    style={{ width: '95%', height: 'auto' }}
   />
 </p>