origami1024

1. Смотря какая версия bootstrap. В новых можно убрать средствами bootstrap, добавив к кнопке класс shadow-none

2. Вариант через css

.btn:focus, .btn:active {
  box-shadow: none !important;
}

Владислав Лысков прав, только нужно еще !important
https://jsfiddle.net/jhd0pcru/

Класс в бутстрапе .text-center

1) для body задать (либо положить navbar и container в родителя):

display: flex;
flex-direction: column;
height:100vh;
margin: 0;
padding: 0;

2) container`у задать flex:1 - чтобы он занимал всё место, что остается
https://codepen.io/origami1024/pen/eYOLeXg

Можно сделать две картинки - на разных разрешениях скрывать/показывать нужную

Здраствуйте.

У вас в коде непростительная ошибка в строке
<link rel="stylesheet" href="js/bootstrap.min.js">,
а именно, Вы относитесь к js скрипту как к файлу css стилей

С почтением и уважением, Оригами 1024

К вопросу об оценке быстродействия.

Добавлять класс бутстрапа всегда короче по кол-ву символов ("flex" против "display: flex"), чем определять самому. Это влияет на размер файла - скорость загрузки.

1) Положи обе картинки во враппер, врапперу добавь класс position-relative.
2) Обеим картинкам добавь класс position-absolute.

https://codepen.io/origami1024/pen/KKPmQzb

Способ 1. Flex контейнер со свойством flex-wrap: flex, и дивами width:50%.
Если у элементов будут границы или паддинги, то используй box-sizing: border-box, либо width рассчитывается поменьше.
https://jsfiddle.net/byvo7524/1/

Способ 2. Свойство CSS column-count: 2 для родителя дивов.

<div class="wrapper">
  <div>item1</div>
  <div>item2</div>
  <div>item3</div>
  <div>item4</div>
</div>

.wrapper {
  column-count: 2; 
}

https://jsfiddle.net/7L0b6vxq/

У первого варианта лучше поддержка браузерами.