*{
  margin: 0;
  padding: 0;
}

.avatar{
    width: 100px;
    height:80px;
    position: absolute;
    top: 10px;
    object-fit: cover;
}

.affix {
  padding:0px;
  -webkit-transition:padding 2s linear;
  -moz-transition:padding 2s linear;  
  -o-transition:padding 2s linear;         
  transition:padding 2s linear;  
}

.affix-top {
  padding-top: 20px;
  padding-bottom:20px;
  -webkit-transition:padding 1s linear;
  -moz-transition:padding 1s linear;  
  -o-transition:padding 1s linear;         
  transition:padding 1s linear;  
}