diff --git a/source/_includes/about-author.html.twig b/source/_includes/about-author.html.twig
index f80e7e40..cdcc1b98 100644
--- a/source/_includes/about-author.html.twig
+++ b/source/_includes/about-author.html.twig
@@ -3,7 +3,7 @@
 
   <div class="flex mt-4 space-x-4">
     <div class="flex-shrink-0">
-        <img src="{{ avatar.url }}" alt="Picture of Oliver" class="w-16 h-16 rounded-full border border-gray">
+        <img src="{{ avatar.path }}" alt="Picture of Oliver" class="w-16 h-16 rounded-full border border-gray">
     </div>
 
     <div>
diff --git a/source/_includes/meta.html.twig b/source/_includes/meta.html.twig
index 8e7c0048..5af79853 100644
--- a/source/_includes/meta.html.twig
+++ b/source/_includes/meta.html.twig
@@ -22,7 +22,7 @@
 {% set metaImage = [
     site.url,
     '/',
-    page.meta.image ?? site.avatar.url,
+    page.meta.image ?? site.avatar.path,
 ]|join %}
 
 <title>{{ pageTitle }}</title>
diff --git a/source/_pages/index.md b/source/_pages/index.md
index 8c134003..3ae6938c 100644
--- a/source/_pages/index.md
+++ b/source/_pages/index.md
@@ -12,7 +12,7 @@ meta:
 {% set yearsOfExperience = thisYear - site.experience.start_year %}
 
 <div class="markdown" markdown="1">
-<div class="w-32 mb-4"><img src="{{ site.avatar.path }}" alt="Picture of Oliver" class="border rounded-full border-gray"></div>
+<div class="mb-4 w-32"><img src="{{ site.avatar.path }}" alt="Picture of Oliver" class="rounded-full border border-gray"></div>
 Hi, I’m Oliver. I’m a {{ site.work.role }} for <a href="{{ site.work.company.url }}?utm_source=oliverdavies.uk&amp;utm_medium=about">{{ site.work.company.name }}</a> and a Full Stack Software Consultant based in South Wales in the UK.
 
 I work with organisations, agencies, and freelance Developers to deliver high-quality websites and web applications, utilising tools and workflows such as continuous integration and deployment, automated testing, and static analysis.