diff --git a/css/style.css b/css/style.css
index b2fc02e..5470958 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,11 +3,10 @@
 @import url('https://cdn.mcalec.dev/web/css/font/poppins.min.css');
 @import url('https://cdn.mcalec.dev/web/css/font/roboto.min.css');
 
+
 * {margin: 0;padding: 0;box-sizing: border-box;}
-::selection {color: #000; background-color: #fff;}
-body {
-  cursor: url(/cursor/default.cur), default;
-}
+::selection {color: #000;background-color: #fff;}
+body {cursor: url('/cursor/default.cur'), default;font-display: swap;}
 
 h1 {font-family: LatoBold;}
 h1 b {font-family: LatoBold;}
@@ -54,7 +53,7 @@ i {font-family: LatoRegularItalic;}
     text-decoration: none;
     font-size: 1.25rem;
     transition: color 0.3s ease;
-    cursor: url(/cursor/pointer.cur), pointer;
+    cursor: url('/cursor/pointer.cur'), pointer;
   }
   ul li a:hover {
     color: #999;
@@ -71,7 +70,7 @@ i {font-family: LatoRegularItalic;}
   overflow: hidden;
   .bgimage {
     height: 100%;
-    background-image: url('https://cdn.mcalec.dev/image/jpeg/trees.jpeg');
+    background-image: url('/img/trees.avif');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -92,6 +91,7 @@ i {font-family: LatoRegularItalic;}
     font-weight: bold;
     text-align: center;
     z-index: 2;
+    font-display: auto;
     cursor: url(/cursor/text.cur), text;
   }
 }
diff --git a/img/trees.avif b/img/trees.avif
new file mode 100644
index 0000000..a202e81
Binary files /dev/null and b/img/trees.avif differ