Não foi possível centralizar a div de acordo com o header após a aplicação do transition na classe, não entendo onde está o erro?
header{
background-image: url(../img/castelo.jpg);
background-size: cover;
background-position: top center;
height: 100%;
position: relative;
}
.topCasa{
color: #FFF;
background-color: rgba(0, 0, 0, 0.5);
width: 80%;
padding: 20px;
border-radius: 8px;
position: absolute;
top: 50%;
left: 50%;
transition: translate(-50%, -50%);
}