Image center align 1

by Mysterious

HTML

<style>
section {
  height: 500px;
  border: 1px solid;
}

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

</style>

<section>
  <img src="https://via.placeholder.com/150x100" />
</section>