Untitled

<body>
  <div class="container">
    <div class="block1">
     <div class="absolute-test"><p> left-block</p></div>
        <img src="https://psv4.vk.me/c414118/u112479091/docs/b2bc3bcffd63/black.jpg?extra=2C4lMpqBZzRRZVnloHrq3VpNpBu_KrYYGCgCrppMf7isOEl6G-gbopaFJsDsQtToMbt2-w7w1NTdrRgJQrGpQK8bXVjLwFUgWpbg-Gbej9u4LKgGbQ" alt="" class="img-responsive" />
    </div>
    <div class="block2">
     <div class="absolute-test"> <p>right-block</p></div>
      <img src="https://psv4.vk.me/c414118/u112479091/docs/b2bc3bcffd63/black.jpg?extra=2C4lMpqBZzRRZVnloHrq3VpNpBu_KrYYGCgCrppMf7isOEl6G-gbopaFJsDsQtToMbt2-w7w1NTdrRgJQrGpQK8bXVjLwFUgWpbg-Gbej9u4LKgGbQ" alt="" class="img-responsive"/>
    </div>
  </div>
</body>

html, body {
    margin: 0;
    padding: 0;
}
.container{
    display: flex;
}
.block1{
    position: relative;
    width:50%;
    background:red;
    padding-left:10px;
    padding-right:5px;
}
.block2{
    position: relative;
    width:50%;
    background:blue;
    padding-left:5px;
    padding-right:10px;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.absolute-test{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 35%;
    color: white;
    font-size: 3.5em;
    z-index: 100;
}