diff --git a/_config.yml b/_config.yml
index 04234dc..0e17e3b 100644
--- a/_config.yml
+++ b/_config.yml
@@ -85,7 +85,7 @@ theme: jekyll-theme-hydejack
 # ----------------------------------------------------------------------------------------
  
 # Sidebar image and theme color of the site.
-#accent_image:          /assets/img/sidebar-bg.jpg
+accent_image:          /assets/img/sidebar-bg.avif
 accent_color:          rgb(79,177,186)
 #invert_sidebar: true
 
@@ -410,21 +410,21 @@ jekyll_compose:
         A short ~160 character description of your post for search engines,
         social media previews, etc.
       image:
-        path: /assets/img/sidebar-bg.jpg
+        path: /assets/img/sidebar-bg.avif
     posts:
       layout: post
       description: > 
         A short ~160 character description of your post for search engines,
         social media previews, etc.
       image:
-        path: /assets/img/sidebar-bg.jpg
+        path: /assets/img/sidebar-bg.avif
     projects:
       layout: project
       description: > 
         A short ~160 character description of your post for search engines,
         social media previews, etc.
       image:
-        path: /assets/img/sidebar-bg.jpg
+        path: /assets/img/sidebar-bg.avif
       links:
         - title: Project Link
           url: https://example.com
diff --git a/about.md b/about.md
index 25f640b..5c4516a 100644
--- a/about.md
+++ b/about.md
@@ -1,6 +1,7 @@
 ---
 title: About
 layout: page
+accent_image: /assets/img/skiing.avif
 ---
 
 ![me](/assets/img/me-256x256.jpg){: width="200" class="about" }
diff --git a/resume.md b/resume.md
index 9123356..ff9b99b 100644
--- a/resume.md
+++ b/resume.md
@@ -21,6 +21,6 @@ buttons:
   # The later requires `hydejack.no_structured_data: false` and only works once the site is deployed to a public URL.
   vcf: http://h2vx.com/vcf/knz.ai/resume
   json: /assets/resume.json
-accent_image: /assets/img/skiing.jpg
+accent_image: /assets/img/skiing.avif
 overlay: false
 ---
\ No newline at end of file