why my image makes the website's width scrollable?

As you can see in the image, I have a simple design element as an image, but I only want to show half of it in the edge,but moving it to the right makes the website scrollable on small devices which is weird. how can I simply cut the image if it overflows the devices's width please?
thanks a bunch.