Auto-scale content to match its wrapper's area by using transform with CSS3

Question

I have one DIV used as placeholder, with aspect ratio 8:1, styled this way

.out-wrap {
  width: 100%;
  padding-bottom: 12.5%;
}