Как поставить изображение с помощью CSS в центр без margin?

 .center-image { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  height: 100vh; /* Высота 100% вьюпорта, чтобы изображение было по центру по вертикали */ 
}