Styles: Override user-agent margin and fix img width

Author: TasoOneAsia

assets/css/v2/style.css

@@ -54,6 +54,9 @@
   --component-gap: 3.5rem;
   --overflow-gutter-extension: 1rem;
 }
+body {
+  margin: 0;
+}
 
 @supports (font-variation-settings: normal) {
   :root {
@@ -138,7 +141,6 @@ header {
 footer {
   background-color: var(--color-footer);
   padding: 2.5rem;
-  margin: -0.5rem;
   margin-top: auto;
 }
 
@@ -1108,7 +1110,7 @@ figure {
   margin: 0;
 }
 
-img,
+.md__image > img,
 .figure-bitmap {
   margin-bottom: 0.625rem;
   display: inline-block;

exampleSite/content/nginx/installing-nginx-open-source.md

@@ -9,6 +9,8 @@ toc: true
 weight: 200
 ---
 
+![hero-graphic](/hero-graphic.webp)
+
 ```nginx
 
 # Global Configuration