diff --git a/images/banner-images/banner_dark_kyra.png b/images/banner-images/banner_dark_kyra.png
new file mode 100644
index 0000000..b1a80b6
Binary files /dev/null and b/images/banner-images/banner_dark_kyra.png differ
diff --git a/images/banner-images/banner_dark_kyra2.png b/images/banner-images/banner_dark_kyra2.png
new file mode 100644
index 0000000..e62f368
Binary files /dev/null and b/images/banner-images/banner_dark_kyra2.png differ
diff --git a/images/banner-images/banner_dark_tim.png b/images/banner-images/banner_dark_tim.png
new file mode 100644
index 0000000..a48f279
Binary files /dev/null and b/images/banner-images/banner_dark_tim.png differ
diff --git a/images/banner-images/banner_dark_tim2.png b/images/banner-images/banner_dark_tim2.png
new file mode 100644
index 0000000..e7b701d
Binary files /dev/null and b/images/banner-images/banner_dark_tim2.png differ
diff --git a/images/banner-images/banner_light_kyra.png b/images/banner-images/banner_light_kyra.png
new file mode 100644
index 0000000..c7d45f2
Binary files /dev/null and b/images/banner-images/banner_light_kyra.png differ
diff --git a/images/banner-images/banner_light_tim.png b/images/banner-images/banner_light_tim.png
new file mode 100644
index 0000000..cc5eb1b
Binary files /dev/null and b/images/banner-images/banner_light_tim.png differ
diff --git a/js/site.js b/js/site.js
index c8b2c59..824f29d 100644
--- a/js/site.js
+++ b/js/site.js
@@ -1,6 +1,37 @@
 "use strict";
 
 $(document).ready(function () {
+	/* Random Banner Image Selection */
+	const darkBanners = [
+		'banner_dark.png',
+		'banner_dark_tim.png',
+		'banner_dark_kyra.png',
+		'banner_dark_tim2.png',
+		'banner_dark_kyra2.png',
+	];
+	
+	const lightBanners = [
+		'banner_light.png',
+		'banner_light_tim.png',
+		'banner_light_kyra.png'
+	];
+	
+	// Detect if user prefers dark mode
+	const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+	
+	// Select random banner from appropriate array
+	const banners = prefersDark ? darkBanners : lightBanners;
+	const randomBanner = banners[Math.floor(Math.random() * banners.length)];
+	
+	// Apply the random banner image
+	const bannerElement = document.getElementById('banner');
+	if (bannerElement) {
+		bannerElement.style.backgroundImage = `url('images/banner-images/${randomBanner}')`;
+		bannerElement.style.backgroundRepeat = 'no-repeat';
+		bannerElement.style.backgroundPosition = 'center top';
+		bannerElement.style.backgroundSize = 'cover';
+	}
+
 	/* Video Lightbox */
 	if (!!$.prototype.simpleLightboxVideo) {
 		$('.video').simpleLightboxVideo();