I am trying to create a header/slider thats not

I am trying to create a header/slider thats not horizontally straight. it does show up fine in desktop mode, but fails to resize itself responsively.

I am also having trouble making these diagonal images as sectional backgrounds. I have attached a jpg layout to better explain what I'm trying to accomplish.

Any ideas will be greatly appreciated.