Separating images and content from the_content for categories

Hi Eveyone,

I am in a situation where the design calls for the text from the_content() to be displayed in it’s own div with a border around it while the images from the_content() are placed in their own div below the text, I am not even sure how to go about doing this or if it is even possible, does anyone have any ideas?

I want to do this without plugin via custom code, so please help me.

Thanks