diff --git a/templates/Illustration/slide.html.twig b/templates/Illustration/slide.html.twig
index 465ba13..401f29f 100755
--- a/templates/Illustration/slide.html.twig
+++ b/templates/Illustration/slide.html.twig
@@ -25,10 +25,10 @@
             <img style="display:none;" id="illustration_illustration_img" src="/{{ appAlias }}/uploads/illustration/{{illustrations[0].illustration}}">
         </div>
         <div style="width:30%; display:flex; flex-direction: column; align-items:center;padding-top:15px">
-            <img src="{{asset("uploads/avatar/"~user.avatar)}}" style="width:150px; height:150px;border-radius:100%">
+            <img id="avatar" src="{{asset("uploads/avatar/"~user.avatar)}}" style="width:150px; height:150px;border-radius:100%">
             <h2 style="flex-grow:1">{{user.pseudo}}</h2>
             {% set qrCode = qr_code_result(absolute_url(path("app_home_user",{userpseudo:user.slug}))) %}
-            <img src="{{ qrCode.dataUri }}" width="200px" />             
+            <img id="qr" src="{{ qrCode.dataUri }}" width="200px" />             
         </div>
     </div>
 {% endblock %}
@@ -56,9 +56,13 @@
     }
 
     function resizeImage() {
-        height=$(window).height()-35;
+        height=$(window).height()-70;
         $("#content").height($(window).height()-35);
         $("#illustration_illustration_img").css({height:height,width:'auto'});
+        $("#avatar").height($(window).height()/6);
+        $("#avatar").width($(window).height()/6);
+        $("#qr").height($(window).height()/6);
+        $("#qr").width($(window).height()/6);
 
         width=$(window).width()-90;
         if($("#illustration_illustration_img").width()>width)