diff --git a/content/index.blade.php b/content/index.blade.php
index ff492ed..af5e043 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -41,7 +41,7 @@
                         <div class="col-12 col-md-6 col-lg-4 mb-4">
                             <div class="card shadow-sm h-100">
                                 <a href="{{ $content->path }}" class="text-decoration-none">
-                                    <x-img src="{{ $content->image() }}" class="img-fluid card-img-top"/>
+                                    <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
                                 </a>
                                 <div class="card-body">
                                     <h3 class="h5 mb-2">
diff --git a/content/lists/aktuelles.blade.php b/content/lists/aktuelles.blade.php
index 3cd2e7f..46cd9b6 100644
--- a/content/lists/aktuelles.blade.php
+++ b/content/lists/aktuelles.blade.php
@@ -20,7 +20,7 @@
                 <div class="col-12 col-md-6 col-lg-4 mb-4">
                     <div class="card shadow-sm h-100">
                         <a href="{{ $content->path }}" class="text-decoration-none">
-                            <x-img src="{{ $content->image() }}" class="img-fluid card-img-top"/>
+                            <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
                         </a>
 
                         <div class="card-body">