diff --git a/assets/css/button.css b/assets/css/button.css
index 9b6ef11..bc0e205 100644
--- a/assets/css/button.css
+++ b/assets/css/button.css
@@ -5,7 +5,7 @@
     color: var(--color-black);
     cursor: pointer;
     padding: 1rem 1.5rem;
-    outline: 3px solid var(--color-black);
+    outline: 3px solid transparent;
     box-shadow: 0 0 0 0 var(--color-orange);
     border-radius: 99999px;
     text-align: center;
@@ -14,6 +14,7 @@
     justify-content: center;
 
     &:hover {
+        outline-color: var(--color-black);
         box-shadow: 0 0 0 6px var(--color-orange);
     }
 
diff --git a/components/Person.vue b/components/Person.vue
index a7e21b8..57f5c49 100644
--- a/components/Person.vue
+++ b/components/Person.vue
@@ -1,6 +1,13 @@
 <template>
   <article class="Person flex-col">
-    <img loading="lazy" width="150" height="150" :src="img" :alt="`Bild von ${name}`" />
+    <img
+        loading="lazy"
+        width="150"
+        height="150"
+        :srcset="[getImage('1x', true), getImage('2x', true), getImage('3x', true)].join(', ')"
+        :src="getImage('1x', false)"
+        :alt="`Bild von ${name}`"
+    />
     <h3>{{name}}</h3>
     <p>
       <span v-for="tag in tags">{{tag}}</span>
@@ -19,5 +26,7 @@ type Props = {
   link: string
 }
 
-defineProps<Props>()
+const { img } = defineProps<Props>()
+
+const getImage = (size : '1x' | '2x' | '3x', set : boolean) => `/img/network/${img}@${size}.webp${set ? ` ${size}` : ''}`
 </script>
diff --git a/components/Services.vue b/components/Services.vue
index 564f200..bfe8962 100644
--- a/components/Services.vue
+++ b/components/Services.vue
@@ -109,35 +109,35 @@ const shuffle = <T>(unshuffled : T[]) => unshuffled
 const network = shuffle([
   {
     name: 'Robert Janus',
-    img: '/img/network/robert.webp',
+    img: 'robert',
     tags: ['Digitalberatung', 'Webentwicklung', 'eCommerce'],
     flavour: 'Website, SEO und Conversions. Auf einen Klick.',
     link: 'https://robertjanus.de/webertoire',
   },
   {
     name: 'Matthias Lehmann',
-    img: '/img/network/matthias.webp',
+    img: 'matthias',
     tags: ['Onlineportale für Patienten', 'Kunden', 'Mitarbeiter'],
     flavour: 'Software die macht, was DU willst!',
     link: 'https://mind-deploy.de',
   },
   {
     name: 'Maximilian Schluer',
-    img: '/img/network/maximilian.webp',
+    img: 'maxmilian',
     tags: ['iOS Development', 'Software-QA'],
     flavour: 'Kann dein iOS-Team unterstützen oder dein Software-Qualitätsproblem lösen – egal welches.',
     link: 'https://max-schluer.de',
   },
   {
     name: 'Maria Salcedo',
-    img: '/img/network/maria.webp',
+    img: 'maria',
     tags: ['Backend', 'DevOps', 'Architektur'],
     flavour: 'Effizient und kommunikativ. "You build it, you run it."',
     link: 'https://masagu.dev',
   },
   {
     name: 'Judith Böhlert',
-    img: '/img/network/judith.webp',
+    img: 'judith',
     tags: ['Full-stack', 'Frontend'],
     flavour: 'MVPs und Prototypen - schnell, schick und ohne Drama.',
     link: 'https://judithboehlert.com',
diff --git a/public/img/network/robert.webp b/public/img/network/robert@1x.webp
similarity index 100%
rename from public/img/network/robert.webp
rename to public/img/network/robert@1x.webp
diff --git a/public/img/network/robert@2x.webp b/public/img/network/robert@2x.webp
new file mode 100644
index 0000000..5c1d29a
Binary files /dev/null and b/public/img/network/robert@2x.webp differ
diff --git a/public/img/network/robert@3x.webp b/public/img/network/robert@3x.webp
new file mode 100644
index 0000000..0705389
Binary files /dev/null and b/public/img/network/robert@3x.webp differ