diff --git a/src/assets/ban-mobile.jpg b/src/assets/ban-mobile.jpg
new file mode 100644
index 0000000..f86d249
Binary files /dev/null and b/src/assets/ban-mobile.jpg differ
diff --git a/src/components/home.vue b/src/components/home.vue
index fc3b7c3..4ddc7ca 100755
--- a/src/components/home.vue
+++ b/src/components/home.vue
@@ -1,7 +1,8 @@
 <template>
 
   <div id="home">
-    <img src="../assets/ban.jpg" class="ban">
+<img src="../assets/ban.jpg" alt="INFOJUNE,TOUS LES LIENS DE LA JUNE" class="ban">
+<img src="../assets/ban-mobile.jpg" alt="INFOJUNE,TOUS LES LIENS DE LA JUNE" class="ban-mobile">
     <div class="choice">
 <h2 class="status">{{hover}}</h2>
       <div class="svg-container" >
@@ -212,12 +213,26 @@ align-items: center;
 align-items:center;
 }
 .status{
-  width:500px;
+  width:100%;
   height:25px;
+  margin-bottom: 50px;
   text-align:center;
 }
 .ban{
-  width:800px;
-  margin-bottom:50px;
+    margin-bottom:50px;
+    width:70%;
 }
+.ban-mobile{
+  display:none;
+}
+@media only screen and (max-width: 500px){
+.ban{
+  display:none;
+}
+.ban-mobile{
+  display:block;
+  width:100%;
+}
+}
+
 </style>