Позиционирование блоков Bootstrap?

Question

[Qubert Banger]

Добрый день ребята. Подскажите пожалуйста, как в bootstrap позиционировать блоки так, как в макете ?(скрин ниже)
Я-то сделал всё как нужно, левый блок опустил ниже, а правый выше. Но в мобильной версии эти блоки уезжают вверх и находятся не там где им следовало бы)


Вот код который я прописал:
css:

.about-left {
margin-top: 350px;
background: url(../img/houses/1.jpg);
width: 500px;
height: 500px;
}

.about-left-text h1{
	text-align: right;
	margin-top: 25px;
	font-size: 90px;
	color: #fff;
}

.about-right {
margin-top: 150px;
background: url(../img/houses/2.png);
width: 500px;
height: 500px;
}

.about-left-text h1{
	text-align: left;
	margin-top: 25px;
	font-size: 90px;
	color: #fff;
}

html:

<div class="container">
<div class="row">

<div class="col-md-6 col-sm-8 offset">

<div class="about-left animated fadeInLeft">

    <div class="about-left-text animated fadeInRight">
        <h1>We<br/>Are The<br/>First</h1>
    </div>
	
</div>

</div>



<div class="col-md-6 col-sm-8 offset">
<div class="about-right animated fadeInRight">
<div class="about-left-text animated fadeInLeft">
        <h1>We<br/>Are The<br/>First</h1>
    </div>
</div>
</div>

</div>
</div>

Заранее благодарю за помощь!

Answer 1

[Иван]

Дизайнер жжет