vvvadimos

есть свойство animation-delay, возможно вы его искали
htmlbook.ru/css/animation-delay

я не использую ul li для картинок, использую дивы или спаны, у меня всегда было так, что длинна для картинок всегда одинаковая, и на разных разрешениях ее меняю, в % обычно.
у вас не такой случай? т.е. разные картинки по ширине?

если ширину блоков пикселями задавать, при масштабировании все равно все ездить будет. нужны %. если блока 3 в ряд, то значение ширины 33.33333333333333% ставится, или меньше троек после запятой) inline-block использовать можно, как написал GreatRash, но не надежно. отступы между inline-block элементами в разных браузерах могут быть разными. если нужны какие-то отступы между элементами, советую в каждый ваш .block вложить еще по элементу, тогда управлять отступами проще. получится что .block всегда определенной ширины, а уже внутренний с отступами, т.е. не нужно сидеть и считать сколько должна быть ширина блока, если у него есть padding margin, чтобы ничего не ехало

нужно правильно z-index выставить
блокам что сверху должны быть больше, тем что под ними ниже. притом у всех элементов где z-index стоит, нужно и position отличную от static прописывать

в phpstorm или webstorm нажимаешь ctrl+alt+L и код форматируется из одной строки в нормальный вид

я обычно вешаю класс на родителя, который определит внешний вид всего внутри.
т.е. чекаете момент, когда нужно все скрывать\фиксировать, вешаете этот класс.
а уже в css наследуясь от этого класса прописываете стили

для html, body пропишите
position: relative;
height: 100%;