I'm looking for a way to make navigation arrows (red boxes) follow the screen this way:

![enter image description here](https://i.stack.imgur.com/oSCPg.png)

But I can not find a way to put them there... it would be very easy to put them to the very left and very right but I'd like it to be in the middle and it's a bit problematic. I managed to make it work in 90% of browsers (green solution) but it's not perfect and it doesn't work in some popular browsers.

UPDATE #1: There's one more important thing - I'd like red boxes to be sometimes above 600px content (on small resolutions around 600px and below).

UPDATE #2: 600px container has actually: `max-width: 1600px; width: 90%;` and `600px` is just an example resolution to better illustrate the gap.