Background aspect-ratio CSS

gistfile1.scss

@media screen and (min-aspect-ratio: 16/9) {
  .background {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;   

    transform: translate(-50%, -50%);
  }
}


@media screen and (max-aspect-ratio: 16/9) {
  .background {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
  }
}