I ended up finding the issue Fernando,
I had Remove Unused CSS enabled on my optimization plugin. I tested the unused css feature in both flyingpress and perfmatters one by one to see if it worked fine in one of the two. Both showed a visual issue and I disabled the feature.
Thing is, this has been happening since I had a fresh install with just generatepress and then one plugin, flyingpress, with unused css enabled. So I know it’s not the template causing the issue, but it could be a possible conflict with the theme, generateblocks, or gp premium with unused css.
Side note: I cleared my client side cache, object cache, and browser side cache (perfmatters, flyingpress depending on the one enabled) each time I tested. I also used browser stack to confirm for me.