The background image should be a part of the slider. Create full height-width slider (vh) - and put inside text-div (center-center by max-width or padding).
- Create a base class “
background-slider” set the image to cover, no-repeat, center-center. Select image1 (paris).
- Go to slide-2 create combo class
slide2 —> and only change the background image (london).
The position of the arrows and dots by CSS editor.
Another option is to create a custom slider (To much in my opinion for your case):