#avatars{
    width:200px;
    height: 300px;
    overflow-y: auto;
  }
  .avatars > input{
    display: none;
  }
  
  .avatars > input + img{
    cursor: pointer;
    border: 2px solid transparent;
    width: 150px;
  }

  .avatars > input + img:hover{
    background: #E1E0E0;
    transition: .5s ease;
    opacity: 0.9;
  }
  
  .avatars > input:checked + img{
    border: 2px solid red;
  }