Olá, pessoal, estou com uma dúvida. Sempre quando abro o offcanvas, clicando em "Quero detalhes", a imagem do background se desloca para a direita. Ao fechar o offcanvas, a imagem se desloca novamente para a esquerda. Isso aconteceu também na página da vídeo aula. Sei que pode ser apenas um detalhe, mas gostaria de saber se há um forma de resolver isso, deixando a imagem de background sempre 100% estática.
Boa tarde.
Esse deslocamento acontece porque o Bootstrap remove o scroll da página ao abrir o offcanvas, o que ajusta a largura do body. Para evitar esse efeito, você pode forçar a largura fixa do body quando o offcanvas estiver aberto. Tente adicionar o seguinte CSS:
body.offcanvas-open {
overflow: hidden;
padding-right: 0 !important;
}