feat: optimize images

src/lib/hero.svelte

@@ -11,9 +11,12 @@
   } m-8 my-12 items-center`}
 >
   <img
-    src={image}
+    srcset={image}
+    width="192"
+    height="192"
     alt={`Grafik vom Charakter ${name}`}
-    class="w-48 rounded-full"
+    class="w-48 rounded-full object-cover"
+    loading="lazy"
   />
 
   <div class="p-4 md:text-left {!mirrored && 'md:text-right'}">

src/lib/images/beyron.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:47e656a5651c6a7c966c4a312bf44160896175959441e5b0edec654ea769426f
+size 1329544

src/lib/images/blue.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:44a3a96db70fa34543cebf4a2a29df06003750c96dd46ef42bf5d8b482a0276e
+size 1426922

src/lib/images/logo.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2c833dc84b4ab06d9de2feeb3ff0d1598c536801341eacdf24706b659ed8f1de
+size 984734

src/lib/images/tam.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2f9b070f0b0f07d7bd72fbab23bbf764987adc8033cc0d002e674a52fb21b8bd
+size 844117