preview image update

static/css/main.css

@@ -4,10 +4,27 @@
     font-weight: bold;
 }
 
-.item-title:hover {
+.blog-tags {
     color: rgb(0, 204, 255);
 }
 
-.blog-tags {
-    color: rgb(0, 204, 255);
+.read-more:hover {
+    background-color: transparent;
+    color: #007bff;
+}
+
+.read-more:focus {
+    box-shadow: none;
+}
+
+.img-fluid {
+    width: 100% !important;
+    height: 350px !important;
+}
+
+
+@media only screen and (max-width: 600px) {
+    .img-fluid {
+        height: 200px !important;
+    }
 }

static/images/user-solid.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg>