diff --git a/index.html b/index.html
index 9a5be21..a353e98 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
-
+
import { useI18n } from 'vue-i18n'
-import cosmicStag from '@/assets/cosmic-stag.webp'
+import cosmicStag from '@/assets/cosmic-stag.avif'
const { t } = useI18n()
const year = new Date().getFullYear()
diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
index eeeddc6..c16c931 100644
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -2,7 +2,7 @@
import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { RouterLink, useRoute } from 'vue-router'
-import cosmicStag from '@/assets/cosmic-stag.webp'
+import cosmicStag from '@/assets/cosmic-stag.avif'
const { t, locale } = useI18n()
const route = useRoute()
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a8a45a8..3a23974 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -2,7 +2,7 @@
import { useI18n } from 'vue-i18n'
import { RouterLink } from 'vue-router'
import { Button } from '@/components/ui/button'
-import cosmicStag from '@/assets/cosmic-stag.webp'
+import cosmicStag from '@/assets/cosmic-stag.avif'
import heroLandscape from '@/assets/hero-landscape.webp'
const { t } = useI18n()