diff --git a/src/graphics/backgroundGradient.avif b/src/graphics/backgroundGradient.avif
new file mode 100644
index 00000000..20fa6909
Binary files /dev/null and b/src/graphics/backgroundGradient.avif differ
diff --git a/src/index.css b/src/index.css
index 2e5918b8..c7e723c2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -44,7 +44,10 @@ layer(compound);
   );
   --small-drop-shadow: 0px 1.2px 2.4px 0px rgba(0, 0, 0, 0.15);
   --subtle-drop-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-  --background-gradient: url("graphics/backgroundGradient.png");
+  --background-gradient: image-set(
+    url("graphics/backgroundGradient.avif") type("image/avif"),
+    url("graphics/backgroundGradient.png") type("image/png")
+  );
 
   --call-view-overlay-layer: 1;
   --call-view-header-footer-layer: 2;