How to make a transparent block with a button and text on the slider image?

Question

css

I made a slider using the slick jquery plugin. The html contains links to images.
I can’t imagine how else to place a block with content on them.
I used to do the same for background images. And here it is necessary to make a slide for pictures.

Answer 1

.text {
    position: absolute;
    margin-left: -300px;
}

But it's better to make up from the very beginning, or put a picture in the background