Css Slideshow Background Loading Slowly

I have made a simple slideshow for my background using css, however, because I'm using keyframe I have no idea how to make all the backgrounds use background-size: cover. I want al

Solution 1:

The problem (its white in the beginning and later the picture gets loaded) often may arises due to high quality picture. this link might help you with it

You should include the following viewport element for making it responsive

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width=device-width part sets the width of the page to follow the screen-width of the device

initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.