Это называется Мокап (mockup), создается как любое другое изображение в фотошопе с использованием смарт-объектов для последующей легкой замены изображений в мокапе

Извини, а зачем тут вобще bootstrap?
На родительский блок:

display: flex;
justify-content: space-between;
align-items: center;

Я вот например начинаю сопроводительные письма с того, как будто уже начал изучать его проблему без его утверждения, вобще безотказный вариант, иногда даже сами заказчики писали мол "вы уже начали? Давайте созвонимся я не все указал в задании"