diff --git a/scripts/slides.js b/scripts/slides.js
index a57d5f0f20066a4a86fdf18b45573aaa6e50eb43..81455333e3192ded2859cf08169c425648ab5079 100644
--- a/scripts/slides.js
+++ b/scripts/slides.js
@@ -32,4 +32,8 @@ lControl.addEventListener('click', () => {
 rControl.addEventListener('click', () => {
     currSlide < slides.length - 1 ? currSlide++ : currSlide = 0;
     scrollSlide(currSlide);
-});
\ No newline at end of file
+});
+
+new ResizeObserver(() => {
+    scrollSlide(currSlide);
+}).observe(document.body);
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 3baf6e52cac576d551b7a880baba156db7ae6ee4..9062e952db5fdb4e8b4f5f0fcbf72e0d0e640640 100644
--- a/styles.css
+++ b/styles.css
@@ -497,6 +497,7 @@
 
             width: 80%;
             height: 50vh;
+            max-height: 25rem;
 
             max-width: 80%;
         }
@@ -1343,6 +1344,7 @@
                 width: 80vw;
                 min-width: 100%;
                 height: auto;
+                max-height: initial;
             }
 
             button[class^="carousel-button"] {