diff --git a/backroulette.png b/backroulette.png
new file mode 100644
index 0000000..b8203d3
Binary files /dev/null and b/backroulette.png differ
diff --git a/index.html b/index.html
index b745c08..39c8ba6 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,12 @@
 <head>
   <meta charset="UTF-8">
   <title>BreizhHardware Roulette à shot</title>
+  <style>
+    img {
+      height: 125%;
+      width: auto;
+    }
+  </style>
   <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css'><link rel="stylesheet" href="./style.css">
 
 </head>
@@ -61,6 +67,9 @@
       </div>
     </div>
   </div>
+  <div class="image">
+    <img src="backroulette.png">
+  </div>
   <div class="previous-results">
     <ol class="previous-list">
       <li class='visuallyhidden placeholder'>No results yet.</li>
diff --git a/style.css b/style.css
index 24d984f..99e805b 100644
--- a/style.css
+++ b/style.css
@@ -441,6 +441,15 @@ body {
   transition: opacity 0.24s linear;
   cursor: not-allowed;
 }
+.image{
+  position: relative;
+  right: 75px;
+  bottom: 450px;
+}
+.image img{
+  width: 140%;
+  height: auto;
+}
 @-webkit-keyframes rotate {
   0% {
     transform: rotateZ(0deg);
@@ -482,7 +491,7 @@ body {
 }
 .data .mask,
 .data .result {
-  top: 0;
+  top: 0px;
   right: 0;
   bottom: 0;
   left: 0;
@@ -520,6 +529,7 @@ body {
 }
 .previous-results {
   max-width: 350px;
+  top: 100px;
   margin: 24px 12px;
 }
 .previous-list {
