I’ve made a simple slideshow that uses keyframe animations. I have several blocks of content but they overlap each other. What changes do I need to make to clear all the slideshow content? e.g. I want to add another image but clear the two images and paragraphs that display once the page loads.
Also if I want everything to loop do I need to use javascript? At the moment the images and text scroll in on a delay then stop.
I’m using two div classes for each block of content, one for the alignment of the text or images and the other to animate. Is this bad practice?
http://codepen.io/MBM/pen/hFlHi