Неправильный размер background?

Question

[Idwln]

Я задал новый чекбокс через псевдо-элемент, чтобы изменить чекбокс. Вот код
https://codepen.io/idwln/pen/YzYMoLq
Там не отобразиться моя галочка, которую я вывожу при значении checked, но её можно увидеть на скринах
1 скрин(макет)
2 скрин(моя работа)

Может и не заметно разницы между макетом и моей работы, но она есть. Размер у картинки отличается, т.к я дал значение
background-size:cover;
Или
background-size:100%;

И у меня вопрос: Можно ли не задавать размер и выровнять картинку? Я пробовал некоторые варианты выравнивания, но получилось пока лишь с заданием размера. Есть ли какой вариант оставить оригинальный размер и расположить картинку по центру?

Comments

[Сергей Т]

а пробовал играться с процентами в background-size?
например так:

background-size: 80%;
background-position: center;

[Idwln]

Сергей Т, Помогло, спасибо. Что то забыл за свойство posiion) Пытался через vertical-align

Answer 1

[Сергей Т]

background-size: 80%;
background-position: center;