Slick full width on mobile devices?

Question

css

There is a slick slider, the image is 1920x500, img: width 100%.

spoiler

But on mobile, the text on the slide becomes completely unreadable.

spoiler

please tell me how to enlarge the image and center it? It is possible to increase, but the result is

spoiler

Link

Answer 1

Well, just do it normally, make a div, put a picture on the background for it)
And already make up the text in this div)

Answer 2

How about doing that?
It is necessary: ​​Background separately - Text separately - Button separately.
Background on mobile devices should be scaled/centered like this:

.newindex .slick-slider img{
  width: 100%;
  min-height: 300px;
  object-fit: cover;
  object-position: center;
}