세로 가운데 정렬, 이미지 영역에 배율대로 맞추기

object-fit:contain;

 display:table-cell;

   vertical-align:middle;

이미지 칼라 인버트

https://davidwalsh.name/demo/invert-colors-css.php

.normal {
	filter: invert(0%);
}

.inverted {
	filter: invert(100%);
}

가상선택자

https://css-tricks.com/pseudo-class-selectors/