How to adapt slick slider images to full screen at all resolutions without distortion?

Question

css

Hello! There is an adaptive slick slider, in which the slides should occupy exactly the entire screen (in width and height), and in the horizontal and vertical center - a substrate with text.
Moreover, the picture should not be distorted (stretched or narrowed)
. At high resolutions, everything looks good to me, but on mobile, white stripes form at the top and bottom. How to achieve correct display on all screens?