diff --git a/pages/gdb/_images/_titlecard.png b/pages/gdb/_images/_titlecard.png
new file mode 100644
index 0000000..3e616ea
Binary files /dev/null and b/pages/gdb/_images/_titlecard.png differ
diff --git a/pages/gdb/_images/hero.png b/pages/gdb/_images/hero.png
new file mode 100644
index 0000000..1fe6527
Binary files /dev/null and b/pages/gdb/_images/hero.png differ
diff --git a/pages/gdb/_images/jpjumpei.jpg b/pages/gdb/_images/jpjumpei_1.jpg
similarity index 100%
rename from pages/gdb/_images/jpjumpei.jpg
rename to pages/gdb/_images/jpjumpei_1.jpg
diff --git a/pages/gdb/_images/jpjumpei_2.jpg b/pages/gdb/_images/jpjumpei_2.jpg
new file mode 100644
index 0000000..7e54428
Binary files /dev/null and b/pages/gdb/_images/jpjumpei_2.jpg differ
diff --git a/pages/gdb/_images/titlecard.jpg b/pages/gdb/_images/titlecard.jpg
deleted file mode 100644
index 5e564ca..0000000
Binary files a/pages/gdb/_images/titlecard.jpg and /dev/null differ
diff --git a/pages/gdb/index.md b/pages/gdb/index.md
index ed3e487..9ecd95c 100644
--- a/pages/gdb/index.md
+++ b/pages/gdb/index.md
@@ -5,9 +5,9 @@ description: "A dive into the multitude of ways that gender dysphoria manifests
 
 ---
 
-# The Gender Dysphoria Bible
 
 {!{
+{{import '~/img' images.titlecard srcSizes="(max-width: 800px) 100vw, (max-width: 1000px) 70vw, 767px" alt="The Gender Dysphoria Bible" style="margin-bottom: 1em;"}}
 <div class="gutter"><blockquote>
   <strong>Trans·gen·der</strong> - <em>adjective</em><br>
   Denoting or relating to a person whose sense of personal identity and gender does not correspond with their sex assigned at birth.
@@ -28,4 +28,14 @@ This experience of discontinuity between the internal and external self is what
 
 The purpose of this site is to document the many ways that Gender Dysphoria manifests, as well as other aspects of gender transition, in order to provide a guide for those who are questioning, those who are starting, those already on their path, and those who simply wish to be better allies.
 
+{!{
+<div class="gutter flex" style="justify-content: flex-end">
+<span>Title artwork based on works by <a href="https://www.instagram.com/jp_means_jumpei/">Jumpei JP Ueoka</a></span>
+<div class="grid-row" style="grid-template-columns: 1fr 1fr">
+{{import '~/img' images.jpjumpei_1 className="" link="https://www.instagram.com/p/Bq2uRCtFttU/"}}
+{{import '~/img' images.jpjumpei_2 className="" link="https://www.instagram.com/p/BlA3IUrAnTi/"}}
+</div>
+</div>
+}!}
+
 {!{ {{import '_pager'}} }!}
diff --git a/pages/images/_titlecard.jpg b/pages/images/_titlecard.jpg
deleted file mode 100644
index 1cbf0c4..0000000
Binary files a/pages/images/_titlecard.jpg and /dev/null differ
diff --git a/pages/images/_titlecard.png b/pages/images/_titlecard.png
new file mode 100644
index 0000000..f98e4b0
Binary files /dev/null and b/pages/images/_titlecard.png differ
diff --git a/pages/index.html b/pages/index.html
index 90f1857..d8ff5df 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -3,12 +3,12 @@
   {{#content "meta"}}
   <meta property="og:title" content="{{meta.title}}">
   <meta property="og:description" content="{{meta.description}}">
-  {{!-- <meta property="og:image" content="https://{{page.domain}}{{rev '/images/titlecard.jpg'}}"> --}}
+  <meta property="og:image" content="https://{{page.domain}}{{rev '/images/titlecard.jpg'}}">
   <meta property="og:url" content="https://{{page.domain}}">
   <meta name="twitter:title" content="{{meta.title}}">
   <meta name="twitter:description" content="{{meta.description}}">
   <meta name="twitter:card" content="summary_large_image">
-  {{!-- <meta name="twitter:image" content="https://{{page.domain}}{{rev '/images/titlecard.jpg'}}"> --}}
+  <meta name="twitter:image" content="https://{{page.domain}}{{rev '/images/titlecard.jpg'}}">
   {{/content}}
 
   {{#content "bodyClass"}}front-page{{/content}}
diff --git a/templates/post.hbs b/templates/post.hbs
index 54aa0ea..a2fa366 100644
--- a/templates/post.hbs
+++ b/templates/post.hbs
@@ -3,13 +3,13 @@
   {{#content "meta"}}
   <meta property="og:title" content="{{meta.title}}{{#if meta.subtitle}}, {{meta.subtitle}}{{/if}}">
   <meta property="og:description" content="{{meta.description}}">
-  {{!-- {{#if titlecard}}<meta property="og:image" content="https://{{page.domain}}{{rev titlecard}}">{{/if}} --}}
+  {{#if titlecard}}<meta property="og:image" content="https://{{page.domain}}{{rev titlecard}}">{{/if}}
   <meta property="og:url" content="https://{{page.domain}}{{url}}">
   <meta name="twitter:title" content="{{meta.title}}{{#if meta.subtitle}}, {{meta.subtitle}}{{/if}}">
   <meta name="twitter:description" content="{{meta.description}}">
   {{#if titlecard}}
   <meta name="twitter:card" content="summary_large_image">
-  {{!-- <meta name="twitter:image" content="https://{{page.domain}}{{rev titlecard}}"> --}}
+  <meta name="twitter:image" content="https://{{page.domain}}{{rev titlecard}}">
   {{/if}}
   <link rel="canonical" href="https://{{page.domain}}{{url}}">{{/content}}