Tengo una imagen de fondo en un componente, sin embargo, en otro componente cuando se hace clic en un elemento, me gustaría que la imagen de fondo en el otro componente se redujera. El componente es actual y no se recoge

Bg.html (El componente con el fondo que me gustaría acortar)

 <section ngClass="main-bg"> </section>

box.component.ts (El componente donde me gustaría acortar el bg)

 export class BoxComponent implements OnInit { main: any; } ngOnInit(): void { this.main = (this.ElByClassName.nativeElement).querySelector('.main-bg'); } ShortedBg() { if (this.main != null) { this.main.style.height = "31vh"; console.log("section picked up"); } else { console.log("section not picked up"); } }