JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <div class="block">
<img src="http://jpetit.rickspanjers.nl/images/banner/banner_nederland.jpg">
   </div>

<div class="banner_duble">
  <div class="banner_text">название</div>
  <div class="banner_text">Бренд</div>
  <div class="banner_text">Описание</div>
  <a href="/" class="button">кнопка</a>
</div>

</div>

<div class="container"> <div class="block">
<img src="http://www.vitalrecruitment.co.uk/assets/img/slider2.jpg">
   </div>
</div>

CSS

.container{max-width:1366px;height:auto;border:0px solid grey;}
.block img {
    max-width: 100%;
    max-height: 100%;
}
.banner_duble{position:relative;bottom:200px;margin-left:5%;padding-bottom:20px;}
.banner_text { font-family: 'Open Sans', sans-serif;
color: red;font-size:20px;font-weight: 700;text-transform: uppercase;}

a.button {
    margin-right:14px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: blue;
    text-decoration: none;
    user-select: none;
    padding: 1% 5%;
    outline: none;
    border: 1px solid #a2a6a9;
    border-radius: 1px;
    transition: all .218s ease 0s;
}