Talvez seja mais vantajoso você dividir os atributos em mais classes até mesmo para evitar conflitos. Existe 3 formas que conheço para centralizar a div pelo CSS, que são essas:
div {
display: grid;
place-items: center;
}
div {
margin-left: auto;
margin-right: auto;
}
div {
display: flex;
justify-content: center;
align-items: center;
}
Você pode testar e analisar se resolve seu problema. Boa sorte, abraço