fix webmentions & css

eleventy.config.js

@@ -92,9 +92,9 @@ export default async function(eleventyConfig) {
 		extensions: "html",
 
 		// Output formats for each image.
-		formats: ["jpeg", "png"],
+		formats: ["jpeg", "png", "webp"],
 
-		widths: ["600"],
+		widths: ["auto", 400, 600],
 
 		urlPath: "/img/",
 
@@ -102,6 +102,7 @@ export default async function(eleventyConfig) {
 			// e.g. <img loading decoding> assigned on the HTML tag will override these values.
 			loading: "lazy",
 			decoding: "async",
+			sizes: "100vw",
 		}
 	});