JSFiddle - React, Tailwind, and code Playground
HTML
<div class="par-o">
<div class="open-t">
<h2>Немного о BeamLight</h2>
</div>
<div class="contain-inf">
<div>
<div>
<img src="img/Forma1.png" alt="">
<h3>Чем мы занимаемся</h3>
</div>
<div>Сегодня видеоролик способен решать сотни различных задач! Мы создаем видеорекламу, которая продает лучше любого менеджера. Мы делаем презентационные ролики, которые способны рассказать и показать больше, чем любая многочасовая лайв-презентация. А наши корпоративные и имиджевые видео позволяют эффективно продемонстрировать лучшие стороны любого продукта, бизнеса или организации.</div>
</div>
<div>
<div>
<img src="img/Forma2.png" alt="">
<h3>Наша команда</h3>
</div>
<div>В нашей команде только творческие люди, у которых за плечами большой опыт в создании видеороликов, репортажной съёмки, составления сценариев и качественном видео-монтаже. В своей работе мы используем только современную и профессиональную технику Вместе мы - команда профессионалов своего дела.</div>
</div>
</div>
</div>
CSS
.s-f {
display: flex;
width: 100%;
height: 800px;
text-align: center;
white-space: normal;
display: block;
}
.open-t {
display: flex;
width: 100%;
text-align: center;
justify-content: center;
}
.par-o {
display: flex;
flex-direction: column;
width: 100%; height: 600px;
background: #fff;
}
.contain-inf {
display: flex;
position: relative;
justify-content: space-between;
}