1) How to make the title move with the slides, but at the same time be on top? 2) a) How to bring the buttons inside so that they do not fall out of the slide?

Question

css

b) To make these buttons clickable on 50% of the slide?
1) You can set the title-slides class to position: responsive, but then it will not be on top of the image.
2) Tried float: right and left. But to make it centered, you need position: absolute, but then the buttons fall out.
Please advise how this can be implemented.
Project: https://github.com/moonrtv/anguler_slider.git

Answer 1

jsfiddle.net/yurzui/wcer26zj

Answer 2

parallax slider for wordpress moves headers separately