Fixing carousel

2 files changed, 6 insertions, 2 deletions

diff --git a/index.css b/index.css
index f3a01b1..3bd817c 100644
--- a/index.css
+++ b/index.css
@@ -83,8 +83,8 @@ section a:hover {
 
 #carousel > button {
     position: absolute;
-    top: calc(50% - 3rem);
-    font-size: 6rem;
+    top: calc(50% - 8rem);
+    font-size: 12rem;
     border: none;
     background-color: transparent;
 }
@@ -95,10 +95,12 @@ section a:hover {
 }
 
 #carousel_left {
+    visibility: hidden;
     left: 0;
 }
 
 #carousel_right {
+    visibility: hidden;
     right: 0;
 }
 
diff --git a/index.js b/index.js
index acdbe49..d6a4d6e 100644
--- a/index.js
+++ b/index.js
@@ -68,6 +68,8 @@ function runCarousel() {
             } else {
                 image.style.opacity = 1;
             }
+
+            image.style.pointerEvents = image.style.opacity > 0 ? 'all' : 'none';
         }
 
         rightButton.style.visibility = (carouselPosition === numImages - 1) ? 'hidden' : 'visible';