Site URL: https://www.teresav.me/
My website homepage has a scrolling header of countries i've been to which I really like. But on mobile, the first and last countries (Ireland and Spain) overlap in a very ugly way. As far as I'm aware it doesn't do this on desktop. I've tried some of the easy fixes, like adding spaces, and adding a second item that is only spaces (as the text list of countries is all one item), but the problem persists (See attached). I would like to avoid making each country its own item because that seems tedious, but i'll do it if that's the recommended solve.