响应高度列

I am trying to fix a formatting Error in a Joomla! Project I took over in my School.

Currently they used a HTML Instructions (as far as I unterstand this) in the Article.

[columns add_margins=true css="z-index:4;"] [column width_sm="4"] [html]
  //Content of first Column
[/html] [/column] [column width_sm="4" css="position:relative;"] [html]
  //Content of second Column
[/html] [/column] [column width_sm="4"] [html]
  //Content of third Column
[/html] [/column] [/columns] [fluid][html ]
[/html][/fluid]

The problem now is, that if theire Content is multiple Rows long, the Lines are getting messed up (see img). I tried using Flex-Boxes which resulted in a mess, but the person maintaining the content, wants to stick to the current form.

Problem Image

The Editor View looks like this:

<p>[columns add_margins=true css="z-index:4;"] [column width_sm="4"] [html]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<hr />

<p>[/html] [/column] [column width_sm="4" css="position:relative;"] [html ]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<hr />

<p>[/html] [/column] [column width_sm="4"] [html ]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<p>[/html] [/column] [/columns] [fluid][html ]</p>
<p>[/html][/fluid]</p>

Is their a way I can stick to this method without throwing away everything or is this a complete mess and has to be redone? I am complete new to Joomla! Running Joomla! 3.8

Thanks in advance!