Destell

Там используется не тень, а блок с градиентом и filter: blur.

Уберите margin: auto; у блока .grwf2-wrapper.wf2-embedded, лежит в form > p этой формы.

Как вариант - получать координаты центра нужных сторон блоков и задавать их концам "линии".

manos.malihu.gr/jquery-custom-content-scroller

Можете использовать две анимации, первая боунс, вторая - нужное движение, с задержкой начала анимации.

jsfiddle.net/doe3uqhr/16

Не вижу, где обрезается картинка. Самый простой вариант - все треугольники сделать отдельными блоками, позиционировать абсолютно от родительского контейнера с крупной полосой и текстом, далее анимировать, transform и opacity в помощь.

2. Мне нужно сделать таких блоков 9 штук. Есть ли какое то более красивое и сокращенное решение?

Что-то вроде