Вопрос позиционирования с бутстрапом

Нужно подвинуть картинку влево, т.е. к самому началу страницы, в добавок используется bootstrap, но как только я начинаю двигать обычными right/left - картинка при уменьшении экрана - уезжает, или же остаётся на месте, не отображаясь к примеру на смартфонах.

.logo {
  position: relative;
  bottom: 3300px;
  max-width: 258px;
  max-height: 258px;
  display: flex;
  align-items: flex-start;
  padding-left: 20px;
}

<img class="logo" src="http://via.placeholder.com/250x250/33ff99/555555?text=LOGO"/>

Почему большой bottom?: Большой он потому, что картинка решила появиться в самом конце страницы, но только эти числа заставили появиться её там, где мне нужно, мне осталось лишь её сделать левее, к краю страницы.

Пробовал ли flex? : Да, еще как, даже приходилось искать на форумах/справочниках инфу про них, вдруг не так делаю, но он не реагирует никак.

Заранее спасибо!