Image center align 2

fixed height

by Mysterious

HTML

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

section {
  position: relative;
}

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

</style>

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