Image alignment/floating issue

Hi,

I wonder if someone can help me. I’m trying to insert an image into a page and float it right above a line of other images that are displayed using the Woocommrce “shortcode” [products] (https://docs.woothemes.com/document/woocommerce-shortcodes/#section-4).

If I insert the image with no alignment and it defaults to floating left, it looks fine (apart from being on the wrong side of the page):

https://www.acdctv.co.uk/images/NoAlignment.JPG

(the image in question is the “Avtex Authorised Dealer” one)

However when I align it right:

https://www.acdctv.co.uk/images/AlignRight.JPG

There’s nothing I can seem to be able to do to stop the product images from floating around the Auth dealer image. I’ve tried using align=”right” and the WordPress built-in image alignment. I’ve tried wrapping it in a <div> and wrapping it in a <p>. I’ve tried using a <div> and <p> after the image code but none of these seem to produce the desired effect (I’m sure it’s quite obvious what that effect is).

If this belongs in the Woocommerce forum then I can move it but I think this more just a general styling thing. I know this answer will be very straight forward but it would really help my understanding of css/html to know what’s going on here and what I should be doing to achieve this. Many thanks.