diff --git a/carousel.css b/carousel.css
index c5b42d2..fb61c6f 100644
--- a/carousel.css
+++ b/carousel.css
@@ -169,18 +169,19 @@
       opacity: 1;
     }
   
-    #item-11:target ~ .item-11, #item-1:target ~ .item-12 {
+    #item-11:target ~ .item-11, #item-12:target ~ .item-12 {
       z-index: 11;
       opacity: 1;
     }
 
-    #item-12:target ~ .item-12, #item-1:target ~ .item-13 {
-      z-index: 11;
+    #item-12:target ~ .item-12, #item-13:target ~ .item-13 {
+      z-index: 12;
       opacity: 1;
     }
 
     #item-13:target ~ .item-13, #item-1:target ~ .item-1 {
-      z-index: 11;
+      z-index: 12;
       opacity: 1;
     }
 
+
diff --git a/index.html b/index.html
index 1166009..f44d403 100644
--- a/index.html
+++ b/index.html
@@ -39,9 +39,11 @@
                     <span id="item-9"></span>
                     <span id="item-10"></span>
                     <span id="item-11"></span>
+                    <span id="item-12"></span>
+                    <span id="item-13"></span>
 
                     <div class="carousel-item item-1">
-                    <a class="arrow arrow-prev" href="#item-11"></a>
+                    <a class="arrow arrow-prev" href="#item-13"></a>
                     <a class="arrow arrow-next" href="#item-2"></a>
                     </div>
                     
@@ -95,12 +97,12 @@
                     <a class="arrow arrow-next" href="#item-12"></a>
                     </div>
 
-                    <div class="carousel-item item-11">
+                    <div class="carousel-item item-12">
                     <a class="arrow arrow-prev" href="#item-11"></a>
                     <a class="arrow arrow-next" href="#item-13"></a>
                     </div>
 
-                    <div class="carousel-item item-11">
+                    <div class="carousel-item item-13">
                     <a class="arrow arrow-prev" href="#item-12"></a>
                     <a class="arrow arrow-next" href="#item-1"></a>
                     </div>