diff --git a/src/App.scss b/src/App.scss
index 3c4f68f..4f9dbf5 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -3,7 +3,6 @@
 
 .App {
   text-align: center;
-  background-color: $background;
 }
 
 .App .App-content {
diff --git a/src/components/Header.scss b/src/components/Header.scss
index 0abfa0f..eecd5c1 100644
--- a/src/components/Header.scss
+++ b/src/components/Header.scss
@@ -1,7 +1,6 @@
 @import '../colors.scss';
 
 .App-header {
-  background-color: $background;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/img/bg-flowers.png b/src/img/bg-flowers.png
new file mode 100644
index 0000000..bdb30b5
Binary files /dev/null and b/src/img/bg-flowers.png differ
diff --git a/src/index.scss b/src/index.scss
index 94202b4..1655abc 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -17,6 +17,9 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: $background !important;
+  background-image: url('./img/bg-flowers.png');
+  background-repeat: no-repeat;
+  background-size: cover;
   color: $green-text !important;
 }