Макеты и шаблоны, прототипирование и мокапы

Разбивай вначале построчно, потом по столбцам. Вот так, как на картинке показано. 
То есть 
 В нижней половине сначала горизонталь - левый вертикальный в один блок, остальное во второй и потом уже то, что во втором блоке по одному.

отдельный контейнер для 2х мелких фоток и кота. ток так

Делать слайдер на css - это, на мой взгляд, сравнимо с подметанием Красной площади при помощи зубной щетки - долго и неэффективно. 
Просто загуглите: "адаптивный слайдер javascript" - там десятки вариантов для этого, выбирайте, какой больше нравится. 

Если вы хотите делать на css потому, что не знакомы с javascript - самое время уделить неделю другую и выучить JS, в будущем это 100 раз вам окупится.