Wondering if it is possible to use repeat-x for a background image, but stop halfway?

As far as I know there isn't an option on repeat-x itself, but what you could do is place a div inside of where you want the background image to show and set that div to be 50% of the width of the container div. Then set the background image on the inner 50% div as repeat.

That should work. If it doesn't though for some reason it probably jus requires a little more css.

That's the way I would do it