Alignment Issues

Site URL: https://denim-tarpon-wcw8.squarespace.com/

I've got an alignment issue that is rendering on web browsers but not in the Squarespace back-end.... 

See images attached:

- 1st is from Squarespace back-end an not showing the issue

- 2nd is from Chrome and showing alignment issue of highlighted code block to the text block to the right

This issue happens across Safari too and started when I inserted some custom CSS code to display the circle with the bouncing arrow and to display some spacers in mobile. Code inserts we from tuanphan (legend!!!).

Any ideas are much appreciated.

password to website is SNRG2020!

Cheers

I see both screenshot same. Can you describe in detail?

Sure. The large text on the left (code block) is slightly lower than the smaller text on the right on regular web browsers. This is not shown in the Squarespace edit environment.

I have attached two new screenshots that align the text at the top of the screen. First attachment is in Squarespace edit environment and second is on regular Chrome browser where you can see the large text (code block) is slightly lower than the text to the right. They should be aligned. 

Please let me know if you need more detail.