Image / button between the blocks, how to implement?

9f910fed6e4542aaa9ebdb89815ca0ee.png
The question is...
How to implement this button on top of the unit (background) with a similar positioning in that when you change the resolution it did not slip?

Thanks for the reply

.head_img {
background-image: url("../img/main_logo.jpg");
background-size:100%;
background-repeat: no-repeat;
height: 600px;
margin-top: 40px;
}
July 2nd 19 at 13:54
3 answers
July 2nd 19 at 13:56
Solution
July 2nd 19 at 13:58
To drive the element to an element in two ways:
negative margin-top
absolute positioning
July 2nd 19 at 14:00
While I decided the only way, but it works not perfectly

.head_buttom {
background-image: url("../img/button.png");
background-size:30%;
background-position: center;
background-repeat: no-repeat;
height: 200px;
margin-top: 25%
}
The solution you have provided - solon_Herman commented on July 2nd 19 at 14:03

Find more questions by tags HTMLCSS