diff --git a/public/img/bg.png b/public/img/bg.png
deleted file mode 100644
index 6b10df0..0000000
Binary files a/public/img/bg.png and /dev/null differ
diff --git a/public/img/previews/sunset.png b/public/img/previews/sunset.png
new file mode 100644
index 0000000..4af6e78
Binary files /dev/null and b/public/img/previews/sunset.png differ
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 5b6d5c6..a9e7c76 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -417,14 +417,24 @@ input.nickname {
 }
 .preview {
 	flex: 1;
-	background-image: url("/img/bg.png");
-	background-color: $background-color_9;
+	background-image: url("/img/previews/sunset.png");
+	background-color: $background-color_6;
 	width: 100%;
 	height: 100%;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative;
+	&::after {
+		content: "";
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0,0,0,.5);
+		backdrop-filter: blur(10px);
+	}
 }
 .generate {
 	display: flex;
@@ -453,6 +463,7 @@ input.nickname {
 	right: 0;
 	top: 0;
 	bottom: 0;
+	z-index: 1;
 }
 .colorpicker {
 	appearance: none;