Add your IMG tag before the paragraph starts (after H2 if you have one) and add the following attributes inside the IMG tag...
You can have a picture starting a little into a paragraph and going into a list...
... but then you will have to add hspace and vspace as well.
If you want to have 2 pictures to the left or right, you can move the IMG tags around in the code, even in the middle of text. Just experiment with where the second IMG tag is and move it up/down until it looks good on your page...
Add your IMG tag before the list starts (before the list intro). It depends on how long of a list you have. You can also add the IMG tag just before the opening UL or the first LI (or you can move the IMG tag later).
You can see in my example above that the picture is going into the next section of text. So the best fix is to reduce the width of the picture. if that still doesn't solve it, move the IMG tag up into the paragraph.
Add your IMG tag before the paragraph/list starts and add the following attributes inside the IMG tag...