diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..86b1101
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/static/css/.sass-cache
diff --git a/static/css/README.md b/static/css/README.md
index e25e7ba..95ae522 100644
--- a/static/css/README.md
+++ b/static/css/README.md
@@ -1,2 +1,10 @@
 # How to edit styles
-Do not edit css files directly. Always make your changes in the scss files and then compile them to css.
\ No newline at end of file
+Do not edit css files directly. Always make your changes in the scss files and then compile them to css.
+
+## Requirement
+- dart-sass
+
+## Compiling
+```sh
+sass style.scss:style.css
+```
diff --git a/static/css/style.css b/static/css/style.css
index 567658e..aa56e16 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -203,6 +203,9 @@ a:focus {
 
 header {
   position: relative;
+  background-image: url("../img/header_img_placeholder.jpg");
+  background-repeat: no-repeat;
+  background-size: cover 100%;
   padding: 1.5em 1em;
 }
 
diff --git a/static/css/style.css.map b/static/css/style.css.map
new file mode 100644
index 0000000..9105b05
--- /dev/null
+++ b/static/css/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["partials/_css-notice.scss","partials/_font-faces.scss","partials/_font-code.scss","style.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AACA;EACE;EACA;AAAkD;EAClD;AAUqB;EACrB;EACA;EACA;;AAGF;EACE;EACA;AAA6C;EAC7C;AAOqB;EACrB;EACA;EACA;;AAGF;EACE;EACA;AAAqD;EACrD;AAWqB;EACrB;EACA;EACA;;AAGF;EACE;EACA;AAAwD;EACxD;AAWqB;EACrB;EACA;EACA;;AAGF;EACE;EACA;AAA6C;EAC7C;AAOqB;EACrB;EACA;EACA;;AAGF;EACE;EACA;AAAgD;EAChD;AAQqB;EACrB;EACA;EACA;;AAGF;EACE;EACA;AAAmC;EACnC;AAKwE;EACxE;EACA;EACA;;AAGF;EACE;EACA;AAAmC;EACnC;AAKwE;EACxE;EACA;EACA;;AAGF;EACE;EACA;AAAmC;EACnC;AAKwE;EACxE;EACA;EACA;;AAGF;EACE;EACA;AAAmC;EACnC;AAKwE;EACxE;EACA;EACA;;AClKF;AACA;EACE;EACA;;AACA;EACE;;AAEF;AAAA;EAEE;;;AAGJ;EACE;IACE;;EACA;IACE;;EAEF;AAAA;IAEE;;;AAKN;EACE;EACA;;AACA;AAAA;EAEE;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;;;AAIJ;EACE;;AACA;AAAA;EAEE;EACA;;;AAIJ;EACE;;AACA;AAAA;EAEE;EACA;;;AC3CJ;EACE;EACA;EACA;EACA,YAvBS;EAwBT,OAtBY;;;AAyBd;EACE;;;AAGF;EACE;EACA,OA9BQ;;;AAgCV;AAAA;EAEE,OAjCc;;;AAoChB;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAO;EACL;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE,OA/DS;;;AAiEX;EACE,YAxEW;EAyEX;EACA;EACA;EACA;;;AAGF;EACE,kBAhFW;EAiFX;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;AACA;EACE;;;AAEF;EACE;;;AAGF;AAEE;EACE;EACA;EACA;EACA;EACA,OA5GO;EA6GP,kBAvGa;EAwGb;EACA;EACA;EACA;EACA;;AAEF;EACE,kBA7Ge;EA8Gf;;AAEF;EACE;;;AAGJ;EACE,OA3HY;EA4HZ,YA9HS;EA+HT;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA,YAvIO;;AAyIT;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;;AAIJ;AACA;EACE;;AACA;EACE;;AAEF;EACE;;;AAIJ;AACA;EACE;IACE;;;EAEF;IACE;;;EAEF;IACE;;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA,OArMO;IAsMP,kBAhMa;IAiMb;IACA;IACA;IACA;;;EAEF;IACE;IACA,OA9MO;IA+MP,kBAzMa;;EA2Mb;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA,OA1NK;IA2NL,kBArNW;IAsNX;;EAEF;IACE,kBAvNa;;;AA4NnB;EACE;IACE,YA5NM;IA6NN,OA3NS;;;EA6NX;IACE;IACA,OA9NK;;;EAgOP;AAAA;IAEE,OAjOW;;;EAmOb;IACE,OAvOQ;;;EAyOV;IACE,OAtOM;;;EAwOR;IACE,YA7OQ;;;EA+OV;IACE,OAhPQ;;;EAkPV;IACE,kBA9Oc;;;EAgPhB;IACE,OArPS;IAsPT,YAxPM;;EA0PN;IACE,YA3PI;;EA6PN;IACE;;;EAGJ;IACE,YAjQQ;;;AAqQZ;EACE;IACE,OAvQQ;IAwQR,YAlQY;;EAmQZ;IACE,OA1QM;IA2QN,YArQU;;EAuQZ;IACE,kBAzQY","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
index deac816..cefa618 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -44,6 +44,9 @@ a:focus {
 
 header {
   position: relative;
+  background-image: url("../img/header_img_placeholder.jpg");
+  background-repeat: no-repeat;
+  background-size: cover 100%;
   padding: 1.5em 1em;
 }
 
diff --git a/static/img/header_img_placeholder.jpg b/static/img/header_img_placeholder.jpg
new file mode 100644
index 0000000..498988d
Binary files /dev/null and b/static/img/header_img_placeholder.jpg differ