Solucionado
Meu código eu fiz diferente, em vez de usar transform: translate eu apenas coloquei top: 33% e com o javascript queria mudar para 50% mas não estou conseguindo
JAVASCRIPT:
$('.#collapse-navbar').on('show.bs.collapse', function(){
$('.topcasafina-banner').css('top','(50%)');
});hoje, com a Alura e o Google Gemini
E aí Rodrigo, tudo bem?
A sintaxe do JQuery está um pouco errada. Tenta fazer da seguinte forma:
$('.#collapse-navbar').on('show.bs.collapse', function(){
$('.topcasafina-banner').css({ "top": "50%" });
});Espero que tenha te ajudado. Bons estudos.