Для позиционирования элемента с absolute
добавляем translate(-50%, -50%)
.
.element {
width: 100px;
height: 100px;
background: gray;
position: absolute;
// Выравниваем по середине
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}