diff --git a/public/creatif.jpg b/public/creatif.jpg
new file mode 100644
index 0000000..756b311
Binary files /dev/null and b/public/creatif.jpg differ
diff --git a/public/croisiere.jpg b/public/croisiere.jpg
new file mode 100644
index 0000000..4afdfc6
Binary files /dev/null and b/public/croisiere.jpg differ
diff --git a/public/en-charge.jpg b/public/en-charge.jpg
new file mode 100644
index 0000000..a8e21a6
Binary files /dev/null and b/public/en-charge.jpg differ
diff --git a/public/frigo-vide.jpg b/public/frigo-vide.jpg
new file mode 100644
index 0000000..61f748f
Binary files /dev/null and b/public/frigo-vide.jpg differ
diff --git a/views/index.erb b/views/index.erb
index 09396ec..becf04b 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -12,12 +12,12 @@
 
       showMode(event) {
         const image = this.imageTarget
-        image.src = event.target.dataset.mode + ".png"
+        image.src = event.target.dataset.mode + ".jpg"
       }
 
       showCurrent() {
         const image = this.imageTarget
-        image.src = "<%= @mode %>.png"
+        image.src = "<%= @mode %>.jpg"
       }
 
     })
@@ -25,7 +25,7 @@
 </head>
 <main data-controller="mood">
   <div class="mode">
-    <img data-mood-target="image" src="<%= @mode %>.png">
+    <img data-mood-target="image" src="<%= @mode %>.jpg">
   </div>
   <div class="tracker">
     <div class="title">