How to remove the block from the right edge of the screen?

Question

css

Hello, there are two blocks (purple), they are 300px each, you need to remove them from the edges of the screen by 250px, one to the left, the other to the right. To the left, the block is removed correctly (goes off the screen), and to the right, it does not go off the screen, but makes a horizontal scroll. I tried to do both through right -250px and translate3d(250px, 0, 0), but the strip is still there. Attached video: take.ms/jn0i5
Thanks for the help.

Answer 1

make the main block overflow-x: hidden