Что вы понимаете под "создавать кучу модальных окон"? "Информация" для нескольких модальных окон так или иначе является кучей модальных окон. Создаете требуемые и вызываете через magnific popup, например.
Советую попробовать самостоятельно предложенные варианты и определить, что именно окажется более удобным.
Лично я предпочитаю использовать "свои" сетки, имхо, они делают код чище, чем при использовании бутстрапа.
Не вижу, где обрезается картинка. Самый простой вариант - все треугольники сделать отдельными блоками, позиционировать абсолютно от родительского контейнера с крупной полосой и текстом, далее анимировать, transform и opacity в помощь.
