diff --git a/src/assets/paper_white.jpg b/src/assets/paper_white.jpg
new file mode 100644
index 0000000..7f38758
Binary files /dev/null and b/src/assets/paper_white.jpg differ
diff --git a/src/components/MessageCloud.vue b/src/components/MessageCloud.vue
index 1e017e2..044d41f 100644
--- a/src/components/MessageCloud.vue
+++ b/src/components/MessageCloud.vue
@@ -35,7 +35,9 @@ async function letsgo(place: string) {
       <hr class="hr" />
       <div class="message-content">
         <div v-if="props.action.image.length">
-          <img v-bind:src="props.action.image" class="message-image" />
+          <div class="message-image-border">
+            <img v-bind:src="props.action.image" class="message-image" />
+          </div>
         </div>{{ props.action.text }}
       </div>
       <div v-if="index == count - 1">
@@ -92,10 +94,19 @@ async function letsgo(place: string) {
   white-space: pre-wrap;
 }
 
-.message-image {
+.message-image-border {
   width: 40%;
   float: left;
+  padding: 7px;
   margin-right: 15px;
+  background-image: url("@/assets/paper_white.jpg");
+  background-size: cover;
+  box-shadow: 0px 3px 15px rgb(98, 98, 98);
+  transform: rotate(-3deg);
+}
+
+.message-image {
+  width: 100%;
 }
 
 .button-dialog {