Hi mandlaness,
This task is a bit complicated but in general, you can combine shortcode with manual code to get your desire result.
1. Please create a new page, added 4 columns with appropriate elements as described above (image/text/text/text)
2. As you might know, each element has its own shortcode so you will have to get it first. Choose edit (the edit icon stays on the top right) image element >>> switch to tab Shortcode >>> choose copy to clipboard >>> paste this to to a text file. Repeat this process with 3 other elements so you will have 4 shortcodes in your text file.
3. Save this page and set it as published. Please make sure that you don’t remove this page as it’s needed to generate content to present in your tab.
4. Create another page, add Tab element there then choose Edit >>> choose tab 1 then hit Edit button >>> in WYSIWYG editor, hit the Source button (it looks like this <>) and paste these declarations :
<div style="padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;" class="row ">
<div class="col-md-3 col-sm-4">
[shortcode 1]
</div>
<div class="col-md-3 col-sm-4">
[shortcode 2]
</div>
<div class="col-md-3 col-sm-4">
[shortcode 3]
</div>
<div class="col-md-3 col-sm-4">
[shortcode 4]
</div>
</div>
Replace above [shortcode 1] with shortcode of image element, the same goes for 2, 3 and 4. After that, choose Save in 2 next screens then hit Update to publish your page and recheck your result.
*** NOTE ***
Since this is only a workaround, sometimes it might display incorrectly in the front-end as you can see 4 columns with shortcodes only. To fix this problem, go to Tab element in back-end >>> hit Edit button >>> switch to Styling tab >>> then if you see the image with 3 text columns >>> choose Save and Update the page again.
