css background order of properties All In One

background properties order bug


  .cat-top,
  .cat-bottom {
    width: 120px;
    height: 120px;    
    background-image: url('https://www.dropbox.com/s/mqapcs2hsf7k4yp/cat-expressions_03.png?dl=1');
    background-size: cover;
    background-position: center center;
  }


  .cat-top,
  .cat-bottom {
    width: 120px;
    height: 120px;    
    background: url('https://www.dropbox.com/s/mqapcs2hsf7k4yp/cat-expressions_03.png?dl=1') center center no-repeat;
  }

solution


  .cat-top,
  .cat-bottom {
    width: 120px;
    height: 120px;    
    background: url('https://www.dropbox.com/s/mqapcs2hsf7k4yp/cat-expressions_03.png?dl=1') center center / cover no-repeat;
    // background-image: url('https://www.dropbox.com/s/mqapcs2hsf7k4yp/cat-expressions_03.png?dl=1');
    // background-size: cover;
    // background-position: center center;
  }