It looks like you didn't do either of the two steps I outlined above:
Change the setting for the orientation to custom like:
once you do that, it won't try to reposition the error message, but you have to add the id to the error message like:
<div id="**FIEKDNAME**_waerror_errorMsg_wrapper" class="invalid-feedback">Error message</div>
I did that on your test page for the first field and it appears to work. You would have to just update the div id's for the others.