ul.social-media {
    list-style: none;
}
ul.social-media li {
    padding: 0 0.1rem;
    display: inline;
}

ul.social-media li img {
    -webkit-filter: invert(5%);
    filter: invert(5%);
}

ul.social-media li img:hover {
    -webkit-filter: invert(45%);
    filter: invert(45%);
}