CSS puzzle: how would you achieve this?

Hey gang,

A friend asked me this earlier in the week and I wasn’t sure how to answer. What HTML/CSS would most effectively turn this code:

<div>
  <img src="image.png" />
  <p>Lorem ipsum...</p>
  <img src="image.png" />
</div>

Into something that looks like this (one image in top left of div, other in bottom right, with text flowing in between):

Any thoughts are appreciated!