diff --git a/frontend/viewable-ui/src/index.css b/frontend/viewable-ui/src/index.css
index 42bbb9a..c35cd20 100755
--- a/frontend/viewable-ui/src/index.css
+++ b/frontend/viewable-ui/src/index.css
@@ -35,6 +35,15 @@ a {
   width: 65%;
 }
 
+@media only screen and (max-width: 765px){
+.blogContent img {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+    }
+}
+
 .tiptap blockquote {
   padding-left: 1rem;
   border-left: 2px solid grey;
@@ -65,4 +74,4 @@ a {
 .image-text {
   display: block;
   padding: 5px 0;
-}
\ No newline at end of file
+}