diff --git a/sass/_utils.scss b/sass/_utils.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e014bd9800fb348928b3563a1760f0ad096e5ca4
--- /dev/null
+++ b/sass/_utils.scss
@@ -0,0 +1,4 @@
+.image.is-70p {
+  width: 70%;
+  height: 70%;
+}
diff --git a/sass/style.scss b/sass/style.scss
index 24ffe049fcbe2d6553a649e9676a988cdeeac4ff..d977055d7208637b501d1edcb4dc82cf7d87997a 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -9,4 +9,5 @@ $title-color: inherit;
 
 @import "./_menu.scss";
 @import "./_content.scss";
+@import "./_utils.scss";
 @import "./_calendar";
diff --git a/templates/frontpage/blocks/projects.html b/templates/frontpage/blocks/projects.html
index e116333eb8f495e08bc76df0c7ec6affe60741a9..00410ea35b0179fe8853196a90da91791cdbd076 100644
--- a/templates/frontpage/blocks/projects.html
+++ b/templates/frontpage/blocks/projects.html
@@ -10,9 +10,11 @@
       {% set project_section = get_section(path=project_section_path) %}
       <div class="column">
         <div class="card is-shadowless">
-          <figure class="image is-4by3">
-            <a href="/projekte/{{ project_section.extra.project_slug }}"><img src="{{ project_section.extra.logo }}" alt="Logo {{ project_section.title }}" /></a>
-          </figure>
+          <div class="columns is-centered">
+            <figure class="image is-70p">
+              <a href="/projekte/{{ project_section.extra.project_slug }}"><img src="{{ project_section.extra.title_icon }}" alt="Logo {{ project_section.title }}" /></a>
+            </figure>
+          </div>
         </div>
         <div class="card-content">
           <div class="media">