Как сдвинуть блок?

Question

[Slasherr]

здраствуйте.
Как решить данную штуку? С верхним section я когда давал float:right картинке текст норм встал. А тут задаю float:left текст под него убегает. Знаю что надо запретить обтекание, но у меня что-то не получается(

Надо сделать так>>>

Мой код:

<section class="web">
	<div class="container">
	<img src="Flow-Tree-Icon.png" alt="Flow" class="tree">
		<div class="info">
			<h3><span>Web</span> Development</h3>
			<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
			<p>Iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim.</p>
		</div>
	</div>
</section>

<section class="web">
	<div class="container">
		<img src="Flow-Tree-Icon.png" alt="Flow" class="person">
		<div class="info">
			<h3><span>Web</span> Development</h3>
			<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
			<p>Iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim.</p>
		</div>
	</div>
</section>

.web{
	padding: 100px 0;
}
.info{
	width:700px;
	font-family: 'Times', 'Arial', sans-serif;
}
.info>h3{
	font-size: 60px;
}
.info>h3>span{
	font-weight: normal;
}
.info>p{
	padding-top: 38px;
}
.tree{
	float: right;
	margin-top:10px;
	margin-right: 60px;
}
.person{
	float: left;
}

Что у меня>>prntscr.com/f52qc3