diff --git a/templates/index.html.twig b/templates/index.html.twig
index 2c540ea..be4f47b 100644
--- a/templates/index.html.twig
+++ b/templates/index.html.twig
@@ -2,7 +2,7 @@
  {% set hero_image = page.media.images|first %}
 {% block content %}
     <div class="profile">
-        <img class="img-profile" src="{{ hero_image.url|raw }}" />
+        {{ hero_image.html(meta.title|e, meta.alt_text|e, 'img-profile')|absolute_url|raw  }}
     </div>
     <div class="about">
         {{ page.content | raw }}