Matt J. This worked, thank you so much!!
Just a note for anyone else, there was a few adjustments I needed to make to the component:
Change the positioning
modal1_component - Position: fixed
Adding attributes to the correct divs:
modal1_component - fs-smartlightbox-element="lightbox"
button - fs-smartlightbox-element="trigger-open"
modal1_close-button - fs-smartlightbox-element="trigger-close"
I also noticed that styling was then inherited from the body. In my case, the text became black, so I had to define that again within modal1_component
