CSS Text Alignment Help

I’m trying to get the text “A Taste of Portugal” to align using the transition between the two images. The alignment works perfectly in the designer view but when published is no longer aligned. I keep trying to add/subtract CSS styles to see if one is influencing the other, but no luck.

Any help would be hugely appreciated. Also sorry for the repeat post, my others got flagged as spam for some reason.

Thanks
Matt



Here is my site Read-Only: [LINK][1]

[1]: Published site Nossa Imports | Importing the Finest Portuguese Wines