iBird Rose

да. но такая картинка будет стоять до перезагрузки страницы. гугли по запросу "image upload preview". к прмиеру:
https://codepen.io/optionsTrvl/pen/PgMEdB

скорее всего вы путаете именно "сетку" и обычные элементы на странице.
если макет сделан под эту сетку - ширина и паддинги у блоков не должны расходиться с бутстраповскими.
а уже обычные элементы, которые рядом стоят - как раз и НУЖНО просто через display: flex делать

ну бутстрап тут вряд ли тебе поможет. обычным flex сделай 3 колонки и в них картинки засунь. ну и для картинок задай свои width которые должны быть. примерно так:

синим выделил отступы

его превращает в ссылку почтовый сервис. скорее всего определяет его как номер телефона. гугли как этого избежать для каждого из почтовых сервисов. к примеру для gmail нагуглил https://www.emailonacid.com/blog/article/email-dev...

nav {
    font-size: 0;
}
.dropdown {
  font-size: 14px;
}

это популярная проблема, когда еще не было flex. гугли про решение проблем с inline-block
к примеру тут описано: https://habr.com/ru/post/189118/

гугли "rhombus layout codepen"
https://codepen.io/fafi/pen/cqDCu
https://codepen.io/imhvost/pen/KmweVp

пустым медиа запрос не оставляй
хоть один стиль напиши в 992

делай движение через transform: translate

гугли codepen background parallax
к примеру одно из первых:
https://codepen.io/skeurentjes/pen/wvpus