diff --git a/src/_includes/asummersend/hero.njk b/src/_includes/asummersend/hero.njk
index e938431d..9a7417e7 100644
--- a/src/_includes/asummersend/hero.njk
+++ b/src/_includes/asummersend/hero.njk
@@ -2,8 +2,8 @@
{% block heroImg %}
{% endblock %}
diff --git a/src/_includes/cassettebeasts/hero.njk b/src/_includes/cassettebeasts/hero.njk
index cffb2301..3a523712 100644
--- a/src/_includes/cassettebeasts/hero.njk
+++ b/src/_includes/cassettebeasts/hero.njk
@@ -2,8 +2,8 @@
{% block heroImg %}
{% endblock %}
diff --git a/src/_includes/main/hero.njk b/src/_includes/main/hero.njk
index c080b718..c9183b11 100644
--- a/src/_includes/main/hero.njk
+++ b/src/_includes/main/hero.njk
@@ -1,7 +1,7 @@
{% extends "global/hero.njk" %}
{% block heroImg %}
-
+
{% endblock %}
{% block heroDropShadowStyle %}
diff --git a/src/_includes/starwarskotor/hero.njk b/src/_includes/starwarskotor/hero.njk
index 80658b89..50666614 100644
--- a/src/_includes/starwarskotor/hero.njk
+++ b/src/_includes/starwarskotor/hero.njk
@@ -2,8 +2,8 @@
{% block heroImg %}
{% endblock %}
diff --git a/src/assets/leilukin/Leilukins-Hub-website-banner-black-bg.png b/src/assets/leilukin/Leilukins-Hub-website-banner-black-bg.png
deleted file mode 100644
index cf232cd3..00000000
Binary files a/src/assets/leilukin/Leilukins-Hub-website-banner-black-bg.png and /dev/null differ
diff --git a/src/assets/leilukin/Leilukins-Hub-website-banner.avif b/src/assets/leilukin/Leilukins-Hub-website-banner.avif
new file mode 100644
index 00000000..d5de58dc
Binary files /dev/null and b/src/assets/leilukin/Leilukins-Hub-website-banner.avif differ
diff --git a/src/assets/leilukin/Leilukins-Hub-website-banner.png b/src/assets/leilukin/Leilukins-Hub-website-banner.png
deleted file mode 100644
index a9506d66..00000000
Binary files a/src/assets/leilukin/Leilukins-Hub-website-banner.png and /dev/null differ
diff --git a/src/assets/leilukin/leilukin-bee.avif b/src/assets/leilukin/leilukin-bee.avif
new file mode 100644
index 00000000..d3415583
Binary files /dev/null and b/src/assets/leilukin/leilukin-bee.avif differ
diff --git a/src/assets/leilukin/leilukin-bee.png b/src/assets/leilukin/leilukin-bee.png
deleted file mode 100644
index c2317a7b..00000000
Binary files a/src/assets/leilukin/leilukin-bee.png and /dev/null differ
diff --git a/src/assets/shrines/asummersend/images/asummersend-header-320.avif b/src/assets/shrines/asummersend/images/asummersend-header-320.avif
new file mode 100644
index 00000000..4e80bdc2
Binary files /dev/null and b/src/assets/shrines/asummersend/images/asummersend-header-320.avif differ
diff --git a/src/assets/shrines/asummersend/images/asummersend-header-320.png b/src/assets/shrines/asummersend/images/asummersend-header-320.png
deleted file mode 100644
index 5d820b5d..00000000
Binary files a/src/assets/shrines/asummersend/images/asummersend-header-320.png and /dev/null differ
diff --git a/src/assets/shrines/asummersend/images/asummersend-header.avif b/src/assets/shrines/asummersend/images/asummersend-header.avif
new file mode 100644
index 00000000..dabddaf2
Binary files /dev/null and b/src/assets/shrines/asummersend/images/asummersend-header.avif differ
diff --git a/src/assets/shrines/asummersend/images/asummersend-header.png b/src/assets/shrines/asummersend/images/asummersend-header.png
deleted file mode 100644
index b3c2ec4a..00000000
Binary files a/src/assets/shrines/asummersend/images/asummersend-header.png and /dev/null differ
diff --git a/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif b/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif
new file mode 100644
index 00000000..b99b18e1
Binary files /dev/null and b/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif differ
diff --git a/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.png b/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.png
deleted file mode 100644
index 7b9d3c2f..00000000
Binary files a/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.png and /dev/null differ
diff --git a/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif b/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif
new file mode 100644
index 00000000..b50919bf
Binary files /dev/null and b/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif differ
diff --git a/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.png b/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.png
deleted file mode 100644
index 5d3e544b..00000000
Binary files a/src/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.png and /dev/null differ
diff --git a/src/assets/shrines/starwarskotor/images/swkotor-header-320.avif b/src/assets/shrines/starwarskotor/images/swkotor-header-320.avif
new file mode 100644
index 00000000..aa78ea0d
Binary files /dev/null and b/src/assets/shrines/starwarskotor/images/swkotor-header-320.avif differ
diff --git a/src/assets/shrines/starwarskotor/images/swkotor-header-320.png b/src/assets/shrines/starwarskotor/images/swkotor-header-320.png
deleted file mode 100644
index ebbbc84d..00000000
Binary files a/src/assets/shrines/starwarskotor/images/swkotor-header-320.png and /dev/null differ
diff --git a/src/assets/shrines/starwarskotor/images/swkotor-header.avif b/src/assets/shrines/starwarskotor/images/swkotor-header.avif
new file mode 100644
index 00000000..2b99d641
Binary files /dev/null and b/src/assets/shrines/starwarskotor/images/swkotor-header.avif differ
diff --git a/src/assets/shrines/starwarskotor/images/swkotor-header.jpg b/src/assets/shrines/starwarskotor/images/swkotor-header.jpg
deleted file mode 100644
index 255a0ec6..00000000
Binary files a/src/assets/shrines/starwarskotor/images/swkotor-header.jpg and /dev/null differ
diff --git a/src/pages/about.md b/src/pages/about.md
index 1017efb0..610f2a16 100644
--- a/src/pages/about.md
+++ b/src/pages/about.md
@@ -38,7 +38,7 @@ This site is deployed to [Netlify](https://www.netlify.com/) from its GitHub rep
{% container "article", "content__section" %}
## The Webmaster
-![Avatar of a drawing of Leilukin bee](/assets/leilukin/leilukin-bee.png){style="border-radius: 50%; width: 15rem; margin: 0.5em auto;"}
+![Avatar of a drawing of Leilukin bee](/assets/leilukin/leilukin-bee.avif){loading="lazy"}{style="border-radius: 50%; width: 15rem; margin: 0.5em auto;"}
You can call me {{ sitemeta.siteAuthor.name }}. I am a Malaysian Chinese, queer, non-binary lesbian born in the early 90s. My pronouns are they/them and she/her in English, [他]{lang="zh"} and [她]{lang="zh"} in Chinese.
diff --git a/src/pages/shrines.md b/src/pages/shrines.md
index dc0e498a..a25a78d0 100644
--- a/src/pages/shrines.md
+++ b/src/pages/shrines.md
@@ -16,7 +16,7 @@ Here is a list of shrines I have made for my own website.
## [{% cite "Star Wars: Knights of the Old Republic" %}](./starwarskotor/)
-![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.jpg)
+![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.avif)
## [{% cite "Cassette Beasts" %}](./cassettebeasts/)