How to wrap content around a display suite region?
To solve this issue you need to reorder your html by flipping columns in your custom layout 

If you inspect your html you'll see that group-left renders first then group-right

&lt;div class="group-left"&gt;content&lt;/div&gt;

&lt;section class="group-right"&gt;image and location &lt;/section&gt;


So you need to have the following structure:

&lt;div class="group-left"&gt;image and location &lt;/div&gt;

&lt;section class="group-right"&gt;content&lt;/section&gt; 


Then add the following style to your css file 

.ds-2col-stacked &gt; .group-left {
  float: right;
  width: auto;
}

.ds-2col-stacked &gt; .group-right {
  float: none;
  width: auto;
}