Поместите изображение в центр div

Добавьте к изображениям свойства css display: block; margin: 0 auto.

Вы также можете использовать flexbox. Добавьте следующие свойства css -

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

Вам нужно будет отобразить изображение как block и добавить поля auto с обеих сторон (слева и справа).

.container {
   background-color: gray;
   padding: 30px 0;
}

img {
   width: 50%;
   
   /* This will do the trick */
   display: block;
   margin: 0 auto;
}

<div class = "container">
    <img src = "https://purepng.com/public/uploads/large/purepng.com-acura-nsx-graycarvehicletransportautocars-561521125226tokdl.png" alt = "Car">
</div>

Альтернатива: используйте flexbox. Не будет таким надежным, как автоматические поля, потому что много ошибок все еще присутствует в IE. Однако, если задана родительская высота, она также будет центрирована по вертикали.

.container {
  background-color: gray;
  padding: 30px 0;

  /* Here comes the magic */
  display: flex;
  justify-content:center;
  align-items: center;
  
}

img {
  width: 50%
}

<div class = "container">
    <img src = "https://purepng.com/public/uploads/large/purepng.com-acura-nsx-graycarvehicletransportautocars-561521125226tokdl.png" alt = "Car">
</div>

поместите эти правила css ...

.logo__container{
   display: flex;
    align-items: center;
    justify-content: center;
}

Для этого вам следует использовать flexbox. Добавьте в контейнеры следующий css (logo__container):

    display: flex;
    justify-content: center; //horizontal
    align-items: center; //vertical