diff --git a/assets/images/Background.jpg b/assets/images/Background.jpg
index 7121811..1f87698 100644
Binary files a/assets/images/Background.jpg and b/assets/images/Background.jpg differ
diff --git a/assets/images/view/carousel/cr_1.jpg b/assets/images/view/carousel/cr_1.jpg
index 1f87698..bd1ec60 100644
Binary files a/assets/images/view/carousel/cr_1.jpg and b/assets/images/view/carousel/cr_1.jpg differ
diff --git a/assets/images/view/carousel/cr_3.jpg b/assets/images/view/carousel/cr_3.jpg
new file mode 100644
index 0000000..7121811
Binary files /dev/null and b/assets/images/view/carousel/cr_3.jpg differ
diff --git a/assets/images/view/carousel/cr_4.jpg b/assets/images/view/carousel/cr_4.jpg
index bd1ec60..93e7f89 100644
Binary files a/assets/images/view/carousel/cr_4.jpg and b/assets/images/view/carousel/cr_4.jpg differ
diff --git a/assets/images/view/carousel/cr_6.jpg b/assets/images/view/carousel/cr_6.jpg
deleted file mode 100644
index 93e7f89..0000000
Binary files a/assets/images/view/carousel/cr_6.jpg and /dev/null differ
diff --git a/assets/js/main.js b/assets/js/main.js
index 512aaef..cf3d8a6 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,19 +1,24 @@
+function initServerData(serverIp, serverPort) {
+    function fetchData() {
+        fetch('https://mcapi.us/server/query?ip=' + serverIp + '&port=' + serverPort)
+            .then(response => response.json())
+            .then(data => handleServerStatus(data))
+            .catch(error => console.error('Error:', error));
+    }
 
-function initServerData(serverIp,serverPort){
-    fetch('https://mcapi.us/server/status?ip='+serverIp+'&port='+serverPort)
-    .then(response => response.json())
-    .then(data => handleServerStatus(data));
-
-    function handleServerStatus(data){
-        if(data.status=='error'){
-            console.log(data.error);
+    function handleServerStatus(data) {
         const playerCounter = document.getElementById("player-count");
-        playerCounter.innerHTML = "offline";
-            return false;
+        if (data.status === 'error') {
+            console.log(data.error);
+            playerCounter.innerHTML = "offline";
+        } else {
+            playerCounter.innerHTML = data.players.now + " online";
         }
-        const playerCounter = document.getElementById("player-count");
-        playerCounter.innerHTML = data.players.now + " online";
-    } 
+    }
+
+    fetchData();
+    setInterval(fetchData, 10000);
 }
+
 // tester
-initServerData("org.cosmosmc.org","19132");
\ No newline at end of file
+initServerData("play.nethergames.org", "19132");
\ No newline at end of file
diff --git a/index.html b/index.html
index 931d778..d7dfb00 100644
--- a/index.html
+++ b/index.html
@@ -81,36 +81,36 @@
         <div class="carousel-inner">
           <div class="carousel-item active" style="height: 500px;">
             <img src="assets/images/view/carousel/cr_1.jpg" class="d-block w-100" alt="cr_1">
-            <div class="carousel-caption">
+            <div class="carousel-caption" style="background-color: rgba(0, 0, 0, 0.5);">
               <h5>Lorem 1</h5>
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio ab eveniet iure eaque et. Officia reprehenderit, aspernatur facere, sint quasi incidunt numquam ratione provident iure culpa fugit dolorem nesciunt voluptas?</p>
             </div>
           </div>
           <div class="carousel-item" style="height: 500px;">
             <img src="assets/images/view/carousel/cr_2.jpg" class="d-block w-100" alt="cr_2">
-            <div class="carousel-caption">
+            <div class="carousel-caption" style="background-color: rgba(0, 0, 0, 0.5);">
               <h5>Lorem 2</h5>
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, numquam commodi illo nobis minima soluta delectus rerum ut beatae ullam explicabo sit molestiae cumque aperiam aliquam, in itaque neque quisquam.</p>
             </div>
           </div>
           <div class="carousel-item" style="height: 500px;">
-            <img src="assets/images/view/carousel/cr_4.jpg" class="d-block w-100" alt="cr_4">
-            <div class="carousel-caption">
-              <h5>Lorem 4</h5>
+            <img src="assets/images/view/carousel/cr_3.jpg" class="d-block w-100" alt="cr_4">
+            <div class="carousel-caption" style="background-color: rgba(0, 0, 0, 0.5);">
+              <h5>Lorem 3</h5>
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum necessitatibus dignissimos temporibus velit consequatur veniam quam, harum quis. Obcaecati vero, hic ab porro ea animi! Provident eum sed eaque nostrum.</p>
             </div>
           </div>
           <div class="carousel-item" style="height: 500px;">
-            <img src="assets/images/view/carousel/cr_5.jpg" class="d-block w-100" alt="cr_5">
-            <div class="carousel-caption">
-              <h5>Lorem 5</h5>
+            <img src="assets/images/view/carousel/cr_4.jpg" class="d-block w-100" alt="cr_5">
+            <div class="carousel-caption" style="background-color: rgba(0, 0, 0, 0.5);">
+              <h5>Lorem 4</h5>
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum necessitatibus dignissimos temporibus velit consequatur veniam quam, harum quis. Obcaecati vero, hic ab porro ea animi! Provident eum sed eaque nostrum.</p>
             </div>
           </div>
           <div class="carousel-item" style="height: 500px;">
-            <img src="assets/images/view/carousel/cr_6.jpg" class="d-block w-100" alt="cr_6">
-            <div class="carousel-caption">
-              <h5>Lorem 6</h5>
+            <img src="assets/images/view/carousel/cr_5.jpg" class="d-block w-100" alt="cr_6">
+            <div class="carousel-caption" style="background-color: rgba(0, 0, 0, 0.5);">
+              <h5>Lorem 5</h5>
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi repudiandae tempore animi delectus architecto facere tempora labore reiciendis ipsa, non ut. Fugiat accusantium modi rem, blanditiis excepturi ab ullam id.</p>
             </div>
           </div>