diff --git a/img/16660159673780.jpg b/img/16660159673780.jpg
new file mode 100644
index 0000000..f8ef4cf
Binary files /dev/null and b/img/16660159673780.jpg differ
diff --git a/img/16660159673781.jpg b/img/16660159673781.jpg
new file mode 100644
index 0000000..b4ec693
Binary files /dev/null and b/img/16660159673781.jpg differ
diff --git a/index.html b/index.html
index 5c25090..c1bdacd 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,7 @@
       </div>
     </div>
     <div class="message">
+      <div class="message_img"></div>
       <p class="messagecontent">Пример текста сообщения, текст</p>
     </div>
     <div class="messagewraper">
diff --git a/styles/style.css b/styles/style.css
index 9356fef..066acc6 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -30,13 +30,24 @@ font-size: 30px;
 font-weight: 800;
 text-transform: uppercase;}
 .message {
+    margin-top: 10px;
     border-radius: 8px;
     background-color: bisque;
     width: 700px;
     min-height: 50px;
     margin-left: auto;
     margin-right: auto;
+    display: flex;
+    min-height: 200px;
 }
+.message_img {width: 200px;
+background-image: url(../img/16660159673780.jpg);
+background-size:cover;
+}
+.message_img:hover {
+    background-image: url(../img/16660159673781.jpg);
+}
+
 .messagecontent {
     padding-left: 10px;
     padding-top: 10px;