You should use
get_field instead of
the_field will force display the value of the field.
So kindly change:
.'<div class="ingress">'.the_field( 'ingress', get_the_ID() ).'</div>'
.'<div class="ingress">'.get_field( 'ingress', get_the_ID() ).'</div>'
Here are some links for the comparison of the two functions:
As for the pagination using the recent post element, it could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.
Thanks for understanding. Take care!