diff --git a/src/css/main.css b/src/css/main.css
index e683ab6..e5c2204 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -168,12 +168,28 @@ html.theme-dark {
   margin: 0 auto;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 800px){
+  #image-carousel {
+    width: 40rem;
+  }
+}
+@media only screen and (max-height: 800px){
+  #image-carousel {
+    width: 40rem;
+  }
+}
+
+@media only screen and (max-width: 600px){
   #image-carousel {
     width: 25rem;
   }
 }
-
+@media only screen and (max-height: 600px){
+  #image-carousel {
+    width: 25rem;
+  }
+}
+  
 @media(orientation: portrait) {
   main {
     margin-top: 0;