diff --git a/prosopopee/themes/exposure/templates/sections/pictures-group.html b/prosopopee/themes/exposure/templates/sections/pictures-group.html
index 3fb624b..2b22b65 100644
--- a/prosopopee/themes/exposure/templates/sections/pictures-group.html
+++ b/prosopopee/themes/exposure/templates/sections/pictures-group.html
@@ -5,12 +5,19 @@
     {% for line in section.images %}
     <div class="pictures-line">
       {% for image in line %}
-      <div class="picture caption">
+      {% set caption = image.text %}
+      {% if image.type == "video" %}
+      {% set video = Video(image) %}
+      {% set format = settings.ffmpeg.extension %}
+      {{ video.copy() }}
+      {% set ratio = video.ratio %}
+      {% else %}
+      {% set image = Image(image) %}
+      {{ image.copy() }}
+      {% set ratio = image.ratio %}
+      {% endif %}
+      <div class="picture caption" style="flex-grow: {{ ratio }}">
         {% if image.type == "video" %}
-        {% set caption = image.text %}
-        {% set video = Video(image) %}
-        {% set format = settings.ffmpeg.extension %}
-        {{ video.copy() }}
         <img class="lazy" data-original="{{ video.generate_thumbnail("600") }}" src="" alt="">
         <video class="lazy responsive-video" id="{{ video }}" onclick="goFullscreen('{{ video }}');" poster="{{ video.generate_thumbnail("600") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
           <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
@@ -21,9 +28,6 @@
         </div>
         {% endif %}
         {% else %}
-        {% set caption = image.text %}
-        {% set image = Image(image) %}
-        {{ image.copy() }}
         <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
            data-at-450="{{ image.generate_thumbnail("x450") }}"
            data-at-800="{{ image.generate_thumbnail("x800") }}"
diff --git a/prosopopee/themes/material/templates/sections/pictures-group.html b/prosopopee/themes/material/templates/sections/pictures-group.html
index 6732a5f..85ae8e4 100644
--- a/prosopopee/themes/material/templates/sections/pictures-group.html
+++ b/prosopopee/themes/material/templates/sections/pictures-group.html
@@ -5,12 +5,19 @@
     {% for line in section.images %}
     <div class="pictures-line">
       {% for image in line %}
-      <div class="picture caption">
+      {% set caption = image.text %}
+      {% if image.type == "video" %}
+      {% set video = Video(image) %}
+      {% set format = settings.ffmpeg.extension %}
+      {{ video.copy() }}
+      {% set ratio = video.ratio %}
+      {% else %}
+      {% set image = Image(image) %}
+      {{ image.copy() }}
+      {% set ratio = image.ratio %}
+      {% endif %}
+      <div class="picture caption" style="flex-grow: {{ ratio }}">
         {% if image.type == "video" %}
-        {% set caption = image.text %}
-        {% set video = Video(image) %}
-        {% set format = settings.ffmpeg.extension %}
-        {{ video.copy() }}
         <img class="z-depth-2 lazy responsive-img" data-original="{{ video.generate_thumbnail("600") }}" src="" alt="">
         <video class="lazy responsive-video" id="{{ video }}" onclick="goFullscreen('{{ video }}');" poster="{{ video.generate_thumbnail("600") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
           <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
@@ -21,9 +28,6 @@
         </div>
         {% endif %}
         {% else %}
-        {% set caption = image.text %}
-        {% set image = Image(image) %}
-        {{ image.copy() }}
         <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
            data-at-450="{{ image.generate_thumbnail("x450") }}"
            data-at-800="{{ image.generate_thumbnail("x800") }}"