<style>

.wrapper {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height:100%;

  background: #080;
}

img {
  height:400px;
  background: #00F;
  margin-left:auto;
  margin-right:auto;
  display:block;
}

</style>

<div id="test" style="width:400px;height:400px; background-color:#080">
  <img id="between" src="resources/hero.png">
</div>