问导航栏中的一些元素居中，一些元素右对齐。图像需要可调整大小

EN

<nav>
  <ul class="container">
    <li id="lnkHome"> <a href="index.html" >
      <img class="image-size" src="https://www.stickpng.com/img/download/5e8ce4a6664eae0004085468/image" />
      </a>
    </li>

    <li class="d">LINK1</li>
    <li>LINK2</li>
    <li>LINK3</li>
  </ul>
</nav>

html {
  font-size: 100%;
  text-align: left;
  background-color: rgba(39, 168, 223, 1);
  font-family: "Roboto", sans-serif;
  color: white;
}

.container {
  display: flex;
  justify-content: center;
  list-style-type: none;
}

#lnkHome {
  width: 5;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.image-size {
  height: auto;
  width: 100%;
}

figure {
  width: 100px;
}

.d {
  margin-left: auto;
}