diff --git a/public/imgs/grafana_snapshot.png b/public/imgs/grafana_snapshot.png
new file mode 100644
index 0000000..95f61c2
Binary files /dev/null and b/public/imgs/grafana_snapshot.png differ
diff --git a/public/styles/common.css b/public/styles/common.css
index d982c8c..b9a2af6 100644
--- a/public/styles/common.css
+++ b/public/styles/common.css
@@ -186,7 +186,8 @@ main {
 }
 
 .info.card {
-  width: 500px;
+  min-width: 500px;
+  width: auto;
   height: auto;
 
   h2 {
@@ -203,7 +204,7 @@ main {
     display: grid;
     grid-template-columns: repeat(2, 1fr); /* 2 colonnes de largeur égale */
     gap: 20px;
-    width: 100%;
+    width: 500px;
 
     .card {
       h3 {
diff --git a/public/vps.html b/public/vps.html
index 6296003..c324b32 100644
--- a/public/vps.html
+++ b/public/vps.html
@@ -78,6 +78,13 @@
                     </div>
                 </div>
             </div>
+            <div class="card info blur">
+                <h2>Grafana snapshot.</h2>
+                <p>Voici un aperçu de la surveillance de mon serveur :</p>
+                <img src="imgs/grafana_snapshot.png" alt="Grafana Snapshot" class="grafana-snapshot">
+                <a target="_blank" href="https://grafana.thepenguinontheweb.tech/dashboard/snapshot/6YgiZfAb1AnPaN4weKGGiLIlGjIK5JD9?orgId=0&from=2025-06-12T12:41:53.379Z" >la snapshot de Grafana</a>
+
+            </div>
         </div>
     </main>
     <footer class="blur">