Cacher is the code snippet organizer for pro developers

https://codepen.io/sowork/pen/OQWKoL

<div class="wrapper">
  <div class="img">
    <div class="img-item"></div>
  </div>
</div>

.wrapper {
  width: 300px;
}

.img {
  position: relative;
  padding-top: calc(9 / 16 * 100%);    
}

.img-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: red;  
}