I want to make a responsive image slider with fullPage.js.
The images should be always centered and expand to maximum 75 percent width or height of the window.
Below the centered and expanded images I want to display the title of the images.
My approach was to work with background images.
But now I can not place the title directly below the images because of the unknown height of the background image.
So if I scale the window the text sits just always on the same position and does not respond to the scaled image.
Under following link in section 1 you can see what I have so far: