Display two images in a row

html/typo3conf/ext/t3org_layout/Resources/Private/Extensions/SfEventMgt/Partials/Event/Detail/ImagesAndFiles.html

 <f:if condition="{event.image}">
     <div class="event-detail-row">
-        <div class="event-detail-value event-image">
+        <div class="event-detail-value event-image row">
             <f:for each="{event.image}" as="image">
-                <f:render partial="Rendering/Image" arguments="{file: image, maxWidth: {phone: '768', tablet: '248', desktop: '800', full: '800'}}" />
+                <div class="col-sm-6">
+                    <f:render partial="Rendering/Image" arguments="{file: image, maxWidth: {phone: '768', tablet: '248', desktop: '800', full: '800'}}" />
+                </div>
             </f:for>
         </div>
         <div class="clear"></div>
@@ -11,9 +13,11 @@
 
 <f:if condition="{event.additionalImage}">
     <div class="event-detail-row">
-        <div class="event-detail-value event-additional-image">
+        <div class="event-detail-value event-additional-image row">
             <f:for each="{event.additionalImage}" as="image">
-                <f:render partial="Rendering/Image" arguments="{file: image, maxWidth: {phone: '768', tablet: '248', desktop: '800', full: '800'}}" />
+                <div class="col-sm-6">
+                    <f:render partial="Rendering/Image" arguments="{file: image, maxWidth: {phone: '768', tablet: '248', desktop: '800', full: '800'}}" />
+                </div>
             </f:for>
         </div>
         <div class="clear"></div>
@@ -38,4 +42,4 @@
         </div>
         <div class="clear"></div>
     </div>
-</f:if>
\ No newline at end of file
+</f:if>