JSFiddle - React, Tailwind, and code Playground

HTML

<header class="main-header">
  
			<div class="inner-header">
        <div class="inner-header__retion"></div>
        <div class="inner-header__content">
          <div class="logo clearfix">Логотип</div>
          <div class="discription">
            <p>Описание сайта</p>
            <p>текст текст текст текст текст</p>
          </div>
          <div class="btn-chooce">Кнопка, по которой надо нажать</div>
         </div>
			</div>
		</header>

CSS

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

body {
	padding: 0;
	margin: 0;
}

.main-header {
	width: 100%;
	height: 550px;
	background: url(http://i94.fastpic.ru/big/2017/0731/74/a0ee171306bbf3d3f956177696aea374.jpg) no-repeat ;
	background-size:100%;
	border: 1px solid green;
}
.inner-header__retion {
  padding-top: 43%;
  height: 0;
}
.inner-header__content {
  border: 1px solid;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
}
.inner-header {
	border: 1px solid;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

.logo {
	float: left;
	border: 1px solid;
}
.discription {
	float: right;
	border: 1px solid;
}

.btn-chooce {
	width: 300px;
	text-align: center;
	background: yellow;
	position: absolute;
	bottom: 0;
	left:50%;
	right:50%;
	margin-left:-150px; 
}