--- a/src/pyams_default_theme/component/illustration/templates/illustration-left.pt	Mon Nov 12 11:39:49 2018 +0100
+++ b/src/pyams_default_theme/component/illustration/templates/illustration-left.pt	Mon Nov 12 11:42:32 2018 +0100
@@ -1,4 +1,4 @@
-<div class="pull-left col-sm-12 col-md-6 col-lg-5 margin-10"
+<div class="pull-left col-xs-12 col-sm-6 col-md-6 col-lg-5 margin-10"
 	 tal:condition="view.data">
 	<a class="fancybox" data-toggle
 	   data-ams-fancybox-type="image"
@@ -8,7 +8,7 @@
 				   target thumbnails.get_thumbnail('800x600');"
 	   tal:attributes="href tales:absolute_url(target)">
 		<tal:if condition="image">
-			${structure:tales:picture(image, md_width=6, lg_width=5, alt=view.alt_title)}
+			${structure:tales:picture(image, lg_width=5, md_width=6, sm_width=6, alt=view.alt_title)}
 		</tal:if>
 		<span tal:content="view.title">legend</span>
 	</a><br />

--- a/src/pyams_default_theme/component/illustration/templates/illustration-right.pt	Mon Nov 12 11:39:49 2018 +0100
+++ b/src/pyams_default_theme/component/illustration/templates/illustration-right.pt	Mon Nov 12 11:42:32 2018 +0100
@@ -1,4 +1,5 @@
-<div class="pull-right col-sm-12 col-md-6 col-lg-5 margin-10" tal:condition="view.data">
+<div class="pull-right col-xs-12 col-sm-6 col-md-6 col-lg-5 margin-10"
+	 tal:condition="view.data">
 	<a class="fancybox" data-toggle
 	   data-ams-fancybox-type="image"
 	   tal:omit-tag="not:view.settings.zoom_on_click"
@@ -7,7 +8,7 @@
 				   target thumbnails.get_thumbnail('800x600');"
 	   tal:attributes="href tales:absolute_url(target)">
 		<tal:if condition="image">
-			${structure:tales:picture(image, md_width=6, lg_width=5, alt=view.alt_title)}
+			${structure:tales:picture(image, lg_width=5, md_width=6, sm_width=6, alt=view.alt_title)}
 		</tal:if>
 		<span tal:content="view.title">legend</span>
 	</a><br />