diff --git a/content/about/contents+en.lr b/content/about/contents+en.lr
index 59c6bc0..d19314e 100644
--- a/content/about/contents+en.lr
+++ b/content/about/contents+en.lr
@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Consulting
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Benefit from the broad IT know-how, the exchange of experience and the networking of our members and experts in the cooperative. The WTF cooperative is your competent contact.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Development
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: We realise your projects - whether web application, mobile app or hardware-related programming. We can also advise you on suitable business development programmes if required.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Operations
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: After the project, we do not leave you out in the cold with the result, but offer you services for the operation of the completed project and the administration of the infrastructure beyond the project.
 ----
diff --git a/content/about/contents.lr b/content/about/contents.lr
index c175caf..0fa62cd 100644
--- a/content/about/contents.lr
+++ b/content/about/contents.lr
@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Beratung
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Entwicklung
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Betrieb
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur.
 ----
diff --git a/assets/images/icon_connected_servers.svg b/content/about/icon_connected_servers.svg
similarity index 100%
rename from assets/images/icon_connected_servers.svg
rename to content/about/icon_connected_servers.svg
diff --git a/assets/images/icon_gears_bubble.svg b/content/about/icon_gears_bubble.svg
similarity index 100%
rename from assets/images/icon_gears_bubble.svg
rename to content/about/icon_gears_bubble.svg
diff --git a/assets/images/icon_processor.svg b/content/about/icon_processor.svg
similarity index 100%
rename from assets/images/icon_processor.svg
rename to content/about/icon_processor.svg
diff --git a/flowblocks/flow_services_cards.ini b/flowblocks/flow_services_cards.ini
index 45f236c..3baf55c 100644
--- a/flowblocks/flow_services_cards.ini
+++ b/flowblocks/flow_services_cards.ini
@@ -10,8 +10,9 @@ width = 1/2
 
 [fields.card_image]
 label = Card Icon
-description = Icon Pfad zB. images/circle_icon_fist.svg
-type = string
+description = Lade ein Bild hoch und wähle es hier aus
+type = select
+source = record.attachments.images
 width = 1/2
 
 [fields.card_text]
diff --git a/templates/macros/services_cards.html b/templates/macros/services_cards.html
index 890baa7..08b766c 100644
--- a/templates/macros/services_cards.html
+++ b/templates/macros/services_cards.html
@@ -1,7 +1,8 @@
 {% macro render_services_card(card, index) %}
+{% set card_image = card.record.attachments.images.get(card.card_image) %}
             <div class="services_card {% if index%2 %}-odd{% else %}-even{% endif %}">
               <div class="services_card__image_box">
-                <img src="/{{ card.card_image }}" alt="" aria-hidden="true">
+                <img src="{{ card_image|url }}" alt="" aria-hidden="true">
               </div>
               <div class="services_card__text_box">
                 <h2>{{ card.card_title }}</h2>