diff --git a/src/lib/components/Carousel.svelte b/src/lib/components/Carousel.svelte
index 9ffe15b..dc4dd3d 100644
--- a/src/lib/components/Carousel.svelte
+++ b/src/lib/components/Carousel.svelte
@@ -198,4 +198,10 @@
 		background-color: var(--clr-accent);
 		border: solid 1px var(--clr-accent);
 	}
+
+	@media screen and (max-width: 1024px) {
+		.banner {
+			width: 50%;
+		}
+	}
 </style>