diff --git a/public/scripts/cards.js b/public/scripts/cards.js
index 687b859..1137888 100644
--- a/public/scripts/cards.js
+++ b/public/scripts/cards.js
@@ -1,7 +1,9 @@
 var cards = document.querySelectorAll('div.card');
 for (let i = 0; i < cards.length; i = i + 2) {
     cards[i].addEventListener('click', function (e) {
+        const wrapper = document.querySelector('div.scroll-wrapper');
         e.preventDefault();
+        wrapper.scrollLeft = this.offsetLeft - 100;
         if (cards[i + 1].style.width === '0px') {
             closeAll();
             cards[i + 1].style.width = '45vh';
diff --git a/public/scripts/slider.js b/public/scripts/slider.js
index c4ede63..e38d6ab 100644
--- a/public/scripts/slider.js
+++ b/public/scripts/slider.js
@@ -12,7 +12,7 @@ window.addEventListener('load', function (e) {
     } else {
         var scrollAmount = card.clientWidth + Number(window.getComputedStyle(card).marginLeft.substring(0, 1)) + Number(window.getComputedStyle(prevCard).marginRight.substring(0, 2));
     }
-    var delay = 3000;
+    var delay = 5000;
     wrapper.forEach(slider => {
         setInterval(function () {
             slider.scrollLeft = slider.scrollLeft + scrollAmount;
@@ -20,6 +20,7 @@ window.addEventListener('load', function (e) {
                 slider.scrollLeft = 0;
             }
         }, delay);
+
         right.forEach(right => {
             right.addEventListener('click', function (e) {
                 slider.scrollLeft = slider.scrollLeft + scrollAmount;