diff --git a/home/index.html b/home/index.html
index c9855e7..37bc6e6 100644
--- a/home/index.html
+++ b/home/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width>
     <title>Home??</title>
     <link rel="icon" href="../static/site/favicon.png" type="image/x-icon">
     <link rel="stylesheet" href="styles.css">
@@ -22,9 +22,9 @@
         <div id="menu">
             <div id="side">
                 <a href="./normal/">
-                    <img src="./images/sidetop.png" alt="normal" class="normal_image">
+                    <img src="./images/sidetop.png" alt="normal" id="dialogue">
                 </a>
-                <img src="./images/sidebottom.png" alt="normal" class="normal_image">
+                <img src="./images/sidebottom.png" alt="normal" id="mora">
             </div>
             <div id="image-container">
                 <img src="./images/empty.png" id="large-image">
diff --git a/home/styles.css b/home/styles.css
index 5ac0a9f..69b350f 100644
--- a/home/styles.css
+++ b/home/styles.css
@@ -37,11 +37,21 @@ body, html {
     display: flex;
     flex-direction: column;
     max-width: 30vw;
+    max-height: 70vh;
+    overflow: hidden;
+    align-items: center;
+    justify-content: center;
 }
-.normal_image {
-    
-    max-width: 100%;
+#dialogue{
+    max-height: 30vb;
+    max-width: 30vw;
+}
+#mora {
+    max-height: 40vh;
+    width: auto;
+
 }
+
 p{
     color: dodgerblue;
     align-self: center;
