JSFiddle - React, Tailwind, and code Playground

HTML

<header class="main-header">
  <div class="inner-header">
    <div class="logo clearfix">Логотип</div>
    <div class="discription">
      <p>Описание сайта</p>
      <p>текст текст текст текст текст</p>
    </div>
    <div class="btn-chooce">Кнопка, по которой надо нажать</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: 0;
	padding-bottom: 42.9%;
	background: url(http://i94.fastpic.ru/big/2017/0731/74/a0ee171306bbf3d3f956177696aea374.jpg) no-repeat ;
	background-size:100%;
	border: 1px solid green;
  position: relative;
}
.inner-header {
	border: 1px solid;
  width: 100%;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.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; 
}