Float and Caption

Hi,

I’m having trouble with floating the images.
I’ve adjust the CSS to

.alignleft.getty.embed.image {
	float: left !important;
	margin: 25px 25px 25px 0 !important;
}

.alignright.getty.embed.image {
	float: right !important;
	margin: 0 0 25px 25px !important;
}

this is okay. My problem is I can’t figure out why the image is not wrapped by text in total, see: http://imgur.com/a/mE3c5

I tried nearly anything to remove the white area marked with 1. Putting it into the same <p>, with <div>’s and so on.

And question 2 is: Am I able to put a catpion underneath the picture? White area marked with 2 @ screenshot.

Thanks in advance 🙂

https://ww.wp.xz.cn/plugins/getty-images/