Updated blog with image

blog/index.html

@@ -242,8 +242,13 @@
 <p>
   dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.
 </p>
+  <div><p></p></div>
+ <div class="img-container">
+        <img src="./src/img/CannotConnect.JPEG" alt="Cannot Connect" class="viewport-image">
+    </div>
 <!-- partial -->
   <script  src="./script.js"></script>
 
+
 </body>
 </html>

blog/style.css

@@ -209,3 +209,14 @@ a:focus-visible {
 .column + .column {
   color: #aa95bd;
 }
+
+.img-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.viewport-image {
+    height: 40vh; /* 60% of the viewport height */
+    width: auto; /* Maintain aspect ratio */
+}