I'm not 100% sure this is a bug, but it seems like it might be. However, it is also likely that the configuration of my styles is conflicting.
I have a section, 100% width & height. In that section I have a Div with relative position. Inside the Div I have an image centered using position:absolute, left:50%, top:50% and transform -50% top and left to force it to the center of the screen.
I want the image to fade in / out as the page scrolls. I added an interaction with a scroll trigger, but when I click the "+" to add the initial appearance, the image jumps position down and right. It becomes only 1/2 visible in the window. Please see the attached screen shots. Could you please help me figure out what I'm doing wrong?