diff --git a/package.json b/package.json
index 65b5f9e2..d8efa676 100644
--- a/package.json
+++ b/package.json
@@ -15,12 +15,13 @@
   "license": "BSD-3-Clause",
   "version": "0.7.1",
   "dependencies": {
-    "@material-ui/core": "4.9.10",
-    "@material-ui/icons": "^4.5.1",
+    "@material-ui/core": "4.9.11",
+    "@material-ui/icons": "^4.9.1",
     "@muetab/quotes": "^1.0.0",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-scripts": "3.4.1"
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "3.4.1",
+    "supports-webp": "^2.0.1"
   },
   "devDependencies": {
     "eslint": "^6.7.2",
diff --git a/src/components/Background.jsx b/src/components/Background.jsx
index ed5e2ca6..8c3290b8 100644
--- a/src/components/Background.jsx
+++ b/src/components/Background.jsx
@@ -1,10 +1,15 @@
 //* Imports
 import React from 'react';
+import supportsWebP from 'supports-webp';
+
 
 export default class Background extends React.Component {
   async setBackground() {    
     try { // First we try and get an image from the API...
-      let data = await fetch('https://api.muetab.xyz/getImage?category=Outdoors');
+      let requestURL;
+      if (await supportsWebP) requestURL = 'https://api.muetab.xyz/getImage?webp=true';
+      else requestURL = 'https://api.muetab.xyz/getImage?category=Outdoors';
+      let data = await fetch(requestURL);
       data = await data.json(); 
 
       document.getElementById('root').style.backgroundImage = `url(${data.file})`; // Set the background