https://assistance.opentalent.fr/browse/V8-1795

ot_templating/Resources/Private/Partials/Modern/NextEvents.html

@@ -59,10 +59,12 @@
                                 <a href="{f:uri.page(pageUid: eventsPageUid, additionalParams: '{eventId: event.id}')}">
                                     </f:else>
                                 </f:if>
-                                    <img class="img-fluid"
-                                         src="{f:if(condition: event.image,
-                                                    then: event.image,
-                                                    else: defaultImage)}"/>
+                                    <div class="img-container">
+                                        <img class="img-fluid"
+                                             src="{f:if(condition: event.image,
+                                                        then: event.image,
+                                                        else: defaultImage)}"/>
+                                    </div>
                                     <div class="p-4">
                                         <h4 class="text-white">{event.name}</h4>
                                         <p class="mb-0 pb-0 text-white">

ot_templating/Resources/Public/assets/Modern/style/custom.css

@@ -242,6 +242,23 @@
         Prochains évènements
     ------------------------*/
 
+    .events .card a {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .events .img-container {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+    }
+
+    .events .card .p4 {
+        height: 100%;
+    }
+
     .events .card img {
         border: 1px solid;
         width: 100%;