diff --git a/public/assets/images/hero.avif b/public/assets/images/hero.avif
new file mode 100644
index 000000000..68acd6628
Binary files /dev/null and b/public/assets/images/hero.avif differ
diff --git a/public/assets/images/hero.jpg b/public/assets/images/hero.jpg
deleted file mode 100644
index ea6a6f306..000000000
Binary files a/public/assets/images/hero.jpg and /dev/null differ
diff --git a/public/index.html b/public/index.html
index 819dc76e9..1d2ed48b4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
-
+
CyberTicket
diff --git a/src/client/foundation/pages/Top/Top.jsx b/src/client/foundation/pages/Top/Top.jsx
index 687f00f4d..be95883ac 100644
--- a/src/client/foundation/pages/Top/Top.jsx
+++ b/src/client/foundation/pages/Top/Top.jsx
@@ -82,7 +82,7 @@ function useTodayRacesWithAnimation(races) {
* @returns {string | null}
*/
function useHeroImage(_todayRaces) {
- return "/assets/images/hero.jpg";
+ return "/assets/images/hero.avif";
}
/** @type {React.VFC} */