Как правильно вставить картинку между шапкой сайта и основным контентом?

<div class="navbar-collapse collapse">
						<ul class="navbar-nav">
							<li class="active"><a href="/" >Главная</a></li>
							<li><a href="/" >Форум</a></li>
							<li><a href="/" >Новости</a></li>
							<li><a href="/kontakty.html" >Контакты</a></li>
							<li><a href="/kak-zakazat.html" >Как заказать товар</a></li>
						</ul>
					</div>
                    <div class="counters-box">
							<img src="{theme}/images/priroda.jpg"class="background1" alt="#" />
				</div>
			</div>
		</div>

.background1{position: static;right:100px;top:100px;display:inline-block;vertical-align:middle;height:500px;width:1200px;max-width:100%}