diff --git a/configuration/template.html b/configuration/template.html
index 70ffdac..d1c26b7 100644
--- a/configuration/template.html
+++ b/configuration/template.html
@@ -197,7 +197,10 @@
       }
 
       .pride-img {
-        margin: 0 auto;
+        width: 100%;
+        height: auto;
+        display: flex;
+        align-items: center;
       }
     </style>
   </head>
@@ -217,13 +220,14 @@
       </article>
 
       <hr />
-      <img
-        class="pride-img"
-        src="https://cdn.some.pics/emma/67ce39c59db6f.svg"
-        alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both"
-        height="31px"
-        width="88px"
-      />
+      <div class="pride-img">
+        <img
+          src="https://cdn.some.pics/emma/67ce39c59db6f.svg"
+          alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both"
+          height="31px"
+          width="88px"
+        />
+      </div>
 
       <h2>Recent posts</h2>
 
diff --git a/weblog/page-template.md b/weblog/page-template.md
index 986d8ff..b7bba15 100644
--- a/weblog/page-template.md
+++ b/weblog/page-template.md
@@ -179,7 +179,10 @@ color: #c81d25;
 }
 
 .pride-img {
-margin: 0 auto;
+width: 100%;
+height: auto;
+display: flex;
+align-items: center;
 }
 </style>
 
@@ -196,7 +199,14 @@ margin: 0 auto;
 {body}
 
 <hr>
-<img class="pride-img" src="https://cdn.some.pics/emma/67ce39c59db6f.svg" alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both" height="31px" width="88px">
+      <div class="pride-img">
+        <img
+          src="https://cdn.some.pics/emma/67ce39c59db6f.svg"
+          alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both"
+          height="31px"
+          width="88px"
+        />
+      </div>
 </main>
 
 <footer>