[Theme: Mindful] Images not aligning left or right

Images are not aligning left or right on my page (e.g. http://www.tenis-masters.pl/?page_id=56).

It looks ok in the WP editor preview.

I have seen other people having the same problem, but they did not seem to have alignment set up in their style.css, while mine seems to have it:

/*Images------------------*/

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px !important;
	margin-top: 4px;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

I am not good at HTML, but I am willing to learn 🙂
Thank you in advance!