Алексей Орлов

flex-direction: column;

Slick Slider листаете , где написано CenterMode.

Используй отступы bootstrap.

Например, вот так.

Ответ на первый вопрос:
Я так понимаю, нужно чтобы иконка была вертикально выравнена по центру относительно текста. Если да, то:

.cnt {
display:flex;
align-items:center;
}

Ответ на второй вопрос:
Оберните левый блок (первые 3 блока) в div и правый блок (4 блок) в div , далее сделайте для них общий div (контейнер) и задайте justify-content: space-between;

Ромб это обычный задний фон, ещё можно через псевдоэлементы :after, :before, его там разместить. А в самом блоке ничего нет сложного, даже если вы новичок и хоть как-то изучали вёрстку. Три дива с заголовком, параграфом и кнопкой, даже на мобильной версии ничего менять не нужно.