Mastering frame (image) position is difficult. The hardest point to master is keeping the relative position to text when text is edited (which changes the way it is laid out).
This is why I prefer to specify frame positions relative to “typographical” references instead of absolute position like in @Grantler’s sample file.
Therefore, the first frame would be horizontally centered relative to Entire paragraph area or Paragraph text area (here it does not make any difference because there are not indents around the paragraph). The second frame is in a 2-column area but is not restricted to its anchor paragraph. Then I position it horizontally centered relative to Entire page area or Page text area (again this makes no differences because margins are symmetrical).
Vertical position is more tricky because the image is taller than its anchor paragraph and seems to be related to a group of paragraphs, i.e. to a full subpart of the document. In this case, relative positioning can’t be used because it is pointless: paragraph is inappropriate because too “local” and page would create a conflict between both images, not speaking of the loss of relevance between position and text. So, here, using an explicit distance between the top of the anchor paragraph is legitimate but text edits may need a change in the distance.
Since the image pertains to the whole text following a title, it would be more “logical” to anchor it to the title, making sure Title paragraph style (used for the title) has Keep with next paragraph enabled to avoid weird layout and also frame has Keep inside text boundaries ticked. Both settings would add page breaks when needed to ensure the desired layout.