Set pixelate fix only for mobile view

build/assets/css/main.css

@@ -987,6 +987,11 @@ tbody tr:hover td {
 img {
   image-rendering: pixelated;
 }
+@media (min-width: 420px) {
+  img {
+    image-rendering: auto;
+  }
+}
 
 strong {
   font-weight: bold;

build/index.html

@@ -6,8 +6,8 @@
 		<meta name="description" content="FeedTheCommunity is a local Grimsby/N.E. Lincolnshire food bank with the aim to fight food poverty.">
 		<meta name="author" content="Nathan (Aney) Steel">
 		<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
-		<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
-		<link rel="manifest" href="/icons/site.webmanifest">
+		<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+		<link rel="manifest" href="/assets/favicon/site.webmanifest">
 		<title>Foodbank | Feed The Community</title>
 	</head>
 

scss/site/_site.scss

@@ -4,6 +4,9 @@ $headerHeight: 84px;
 img{
 	// Lighthouse fix for images w/o 1x,2x, etc
 	image-rendering:pixelated;
+	@media (min-width: 420px){
+		image-rendering:auto;
+	}
 }
 
 strong{