Дмитрий

Только если убрать параметр loop, потому как он несовместим с несколькими рядами.

codepen.io/Zara_Thustra/pen/BQveVQ

Если требуется бесконечная прокрутка то советую воспользоваться двумя отдельными слайдерами.

Если содержимое не должно искажаться по перспективе то:
1. Использовать свойство Clip. Однако подойдет в случае когда поддержка старых браузеров не особо волнует.
2. Использовать SVG.
3. Создать форму при помощи псевдоелементов, поместив внутрь спаны которым задать флоат по правой стороне и ширину в процентном размере по градации, дабы контент не вылазил за фигуру.

Если содержимое должно искажаться по перспективе, то лишь ею единой.)

Так то конечно переверстать бы эту гадость.)
Однако вы можете попробовать подгружать через load() дополнительные части страницы.
Или даже через таймер по очереди некоторые блоки.
jquery-docs.ru/Ajax/load
Решение не самое шикарное, но может вам сэкономить время.

У меня скролится тот блок на который я предварительно кликну.

Создаешь элемент который будет служить формой/панелью. Внутри создаешь все то что захочешь.
Задаешь фиксированное позиционирование + анимацию.
Создаешь классы при которых эта панель видима и нет.
На кнопку вешаешь событие которое добавляет класс которые демонстрирует панель.
Ну и если нужно убрать кнопку ей добавляешь класс которые её скрывает.

Можно конечно панель создавать во время нажатия на кнопку через js, но как по мне это излишне.

Ну если знания у тебя на том уровне что ты не понял о чем я, то у тебя два варианта:
1. Взять готовые варианты панелей связи.( Они есть, просто ты плохо или мало искал.)
2. Начать изучать верстку.

Понятное, дело если вы установите размер контейнера меньше, то содержимое будет "вылезать" по причине фиксированых размеров.
Вам нужно создать точку mq в которой вы переопределите размеры как контейнера, так и контента.
И советую вам при такой ширине указывать уже в процентах, если дизайн позволяет.

А через псевдокласс и абсолютное позиционирование подойдет?

Как вариант, два прямоугольника и skew.