How to make even distribution of images over text in Joomla (automatically)?

Question

Joomla

Good afternoon!
The next task is to create a page for adding materials from the fron-end on the Joomla site.
It should be with minimal functionality: add the title of the article, text, images ..
It is assumed that the user who will add content is not very friendly with html and online editors, so adding material should not be more difficult than adding a VKontakte entry .
I have only one ambush: how to make several images evenly distributed over the text??
Let's say they are placed to the right of the text and flow around it. The site has a multithumbs plugin that automatically compresses images, makes previews of a given size and opens photos in a modal window, i.e.the size of all images is known .
Batch loading can also be implemented by standard means. But how would it be prettier to scatter images over the text?
PS The idea came to display all the pictures in a separate block, but then the text on the page will not be broken by images, it will go from edge to edge and readability will be lost ...

Answer 1

Alternatively https://jsfiddle.net/zqnxkuup/