fix(blog): ensure post body images and layout are correctly contained

Author: just3ws

_sass/_p_base_layout.scss

@@ -708,6 +708,8 @@ section {
   line-height: 1.6;
   font-size: 1.125rem;
   color: $text;
+  max-width: 100%;
+  overflow-x: hidden;
 
   p, ul, ol {
     margin-bottom: 1.5rem;
@@ -722,6 +724,13 @@ section {
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }
 
+  /* Specific handling for the first image if it is a hero image */
+  > p:first-child img,
+  > img:first-child {
+    margin-top: 1rem;
+    margin-bottom: 3rem;
+  }
+
   h2, h3, h4 {
     margin-top: 2.5rem;
     margin-bottom: 1rem;