Olá, pessoal. Utilizei a técnica do image-replacement, tentei deixar a imagem centralizada usando o background-position: center center, mas a posição da imagem permanece inalterada. Alguém saberia dizer por quê o background-position não está funcionando, como eu posso arrumar isso? Segue o print:
aside {
height: 100vw;
background-color: #fff;
border-right: 3px solid #000;
font-family: 'Lato', sans-serif;
text-align: center;
padding-top: 25px !important;
}
aside h1 {
background-image: url(cal.png);
background-position: center center;
background-repeat: no-repeat;
height: 208px;
width: 200px;
}
aside h1 span {
visibility: hidden;
}
<body>
<div class="columns">
<aside class="column is-3">
<h1><span>Lorem ipsum</span></h1>
</aside>
</div>