HTML component iframe transparency

I’m using iframe in an HTML component to share a page across multiple layouts. Everything is working correctly EXCEPT I’m getting a white background on the iframe. I’ve tried adding {allowtransparency=“true”} into the source code in the HTML component but its being stripped. I’ve tried injecting the same via javascript but that doesn’t appear to be working either. I’ve tried setting the background to transparent using CSS in both the iframe source and the iframe host pages.

Screen Shot 2022-07-29 at 3.45.03 PM
Screen Shot 2022-07-29 at 3.45.09 PM

I found it. I needed to set the body background color in the layout of the iframe source