improve image responsive view

css/style.css

@@ -43,9 +43,10 @@ body {
 }
 
 img {
-  width: 100%;
+  min-width: 60%;
+  margin: auto;
+  display: block;
   height: auto;
-  vertical-align: middle;
   object-fit: cover;
 }
 
@@ -107,7 +108,7 @@ a:hover {
   text-decoration: none;
   text-align: center;
   padding: 0.875rem 1.25rem;
-  margin: .25rem;
+  margin: 0.25rem;
   border-radius: 0.625rem;
   cursor: pointer;
   color: var(--btn-txt-color);
@@ -393,6 +394,10 @@ nav .nav-btn {
     padding: 15% 5% 0;
   }
 
+  img {
+    width: 100%;
+  }
+
   .social,
   .share {
     display: flex;