diff --git a/resources/views/livewire/library/library-table.blade.php b/resources/views/livewire/library/library-table.blade.php
index 27b9dcfb..4f07624f 100644
--- a/resources/views/livewire/library/library-table.blade.php
+++ b/resources/views/livewire/library/library-table.blade.php
@@ -51,7 +51,7 @@
                             <div class="flex-shrink-0">
                                 <a href="{{ route('article.view', ['libraryItem' => $libraryItem]) }}">
                                     <img class="h-48 w-full object-cover"
-                                         src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1679&q=80"
+                                         src="{{ $libraryItem->getFirstMediaUrl('main') }}"
                                          alt="{{ $libraryItem->name }}">
                                 </a>
                             </div>
diff --git a/resources/views/livewire/news/article-overview.blade.php b/resources/views/livewire/news/article-overview.blade.php
index 9edda2af..95a2d6ef 100644
--- a/resources/views/livewire/news/article-overview.blade.php
+++ b/resources/views/livewire/news/article-overview.blade.php
@@ -16,7 +16,7 @@
                         <div class="flex-shrink-0">
                             <a href="{{ route('article.view', ['libraryItem' => $libraryItem]) }}">
                                 <img class="h-48 w-full object-cover"
-                                     src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1679&q=80"
+                                     src="{{ $libraryItem->getFirstMediaUrl('main') }}"
                                      alt="{{ $libraryItem->name }}">
                             </a>
                         </div>